@extends('web.layouts.app', ['title' => '# '.$channel->name])
@section('content')
<div class="split">
    <aside class="card">
        <h3>{{ $channel->community->name }}</h3>
        @foreach($channels as $item)
            <p><a href="{{ route('web.channels.show', $item) }}">{{ $item->name }}</a> <span class="pill">{{ $item->type }}</span></p>
        @endforeach
    </aside>
    <section class="card chat">
        <div class="messages">
            @foreach($messages as $message)
                <div class="message {{ $message->user_id === auth()->id() ? 'me' : '' }}">
                    <strong>{{ $message->user?->username }}</strong>
                    <p>{{ $message->body }}</p>
                    <span class="muted">{{ $message->created_at?->diffForHumans() }}</span>
                </div>
            @endforeach
        </div>
        <form method="post" action="{{ route('web.channels.messages.store', $channel) }}" class="row">
            @csrf
            <input name="body" aria-label="Message #{{ $channel->name }}" required>
            <button class="btn primary">Send</button>
        </form>
    </section>
</div>
@endsection