@extends('web.layouts.app', ['title' => $community->name])
@section('content')
<div class="split">
    <aside class="card">
        <h2>Channels</h2>
        @foreach($channels as $channel)
            <p><a href="{{ route('web.channels.show', $channel) }}">{{ $channel->name }}</a><br><span class="pill">{{ $channel->type }}</span></p>
        @endforeach
    </aside>
    <section class="card">
        <div class="between">
            <div><h1>{{ $community->name }}</h1><p class="muted">{{ $community->description }}</p></div>
            <span class="pill">{{ $community->visibility }}</span>
        </div>
        <h3>Members</h3>
        <div class="row">
            @foreach($members as $member)
                <span class="pill">{{ $member->username }}</span>
            @endforeach
        </div>
    </section>
</div>
@endsection