@extends('web.layouts.app', ['title' => 'Support Staff'])
@section('content')
<section class="grid">
@foreach($tickets as $ticket)
    <div class="card">
        <div class="between"><h3>{{ $ticket->subject }}</h3><span class="pill">{{ $ticket->status }}</span></div>
        <p class="muted">{{ $ticket->user?->username }} {{ $ticket->live_support_requested ? '- live requested' : '' }}</p>
        <div class="messages">
            @foreach($ticket->messages as $message)
                <div class="message {{ $message->sender_id === auth()->id() ? 'me' : '' }}"><strong>{{ $message->sender?->username }}</strong><p>{{ $message->body }}</p></div>
            @endforeach
        </div>
        <form method="post" action="{{ route('web.staff.support.reply', $ticket) }}" class="row">
            @csrf
            <input name="body" required aria-label="Support reply">
            <button class="btn primary">Reply</button>
        </form>
    </div>
@endforeach
</section>
@endsection