@php
    // The user's opening message, then the replies, oldest first.
    $thread = collect([['from_support' => false, 'name' => $ticket->user?->name, 'message' => $ticket->description, 'at' => $ticket->created_at]])
        ->concat($ticket->replies->map(fn ($reply) => ['from_support' => $reply->sender instanceof \App\Models\Admin, 'name' => $reply->sender?->name, 'message' => $reply->message, 'at' => $reply->created_at]));
@endphp
<x-admin.layout :title="$ticket->ticket_number">
    <x-admin.page-header :title="$ticket->subject" :subtitle="__(':number · :category · opened :date', ['number' => $ticket->ticket_number, 'category' => __($ticket->category->label()), 'date' => $ticket->created_at->toDayDateTimeString()])" :back="route('admin.tickets.index')">
        <x-admin.status :value="$ticket->priority" class="text-sm" />
        <x-admin.status :value="$ticket->status" class="text-sm" />
    </x-admin.page-header>

    <div class="grid grid-cols-1 gap-6 lg:grid-cols-3">
        <x-admin.card :title="__('Conversation')" class="lg:col-span-2">
            <div class="space-y-4">
                @foreach ($thread as $entry)
                    <x-admin.chat-bubble :message="$entry['message']" :right="$entry['from_support']" :meta="($entry['name'] ?? __('Deleted user')).' · '.$entry['at']->format('M j, H:i')" />
                @endforeach
            </div>

            @can('support_tickets.reply')
                @if ($ticket->status->isClosed())
                    <p class="mt-6 border-t border-gray-200 pt-4 text-sm text-gray-500 dark:border-gray-800">{{ __('This ticket is closed. Reopen it to reply.') }}</p>
                @else
                    <form method="POST" action="{{ route('admin.tickets.reply', $ticket) }}" class="mt-6 space-y-3 border-t border-gray-200 pt-4 dark:border-gray-800">
                        @csrf
                        <x-admin.textarea name="message" :label="__('Reply')" rows="4" required :maxlength="setting('support.message_max_length')" />
                        <div class="flex items-center justify-between gap-3">
                            <p class="text-xs text-gray-500">{{ __('The user gets a push notification and sees the reply in the app.') }}</p>
                            <x-admin.button type="submit" icon="paper-airplane">{{ __('Send reply') }}</x-admin.button>
                        </div>
                    </form>
                @endif
            @endcan
        </x-admin.card>

        <div class="space-y-6">
            <x-admin.card :title="__('Details')">
                <x-admin.user-link :user="$ticket->user" class="mb-4" />
                <x-admin.detail-list :items="[
                    __('Ride') => $ticket->ride?->booking_number,
                    __('Fare') => $ticket->ride?->total_fare !== null ? money($ticket->ride->total_fare) : null,
                    __('Disputed amount') => $ticket->disputed_amount ? money($ticket->disputed_amount) : null,
                    __('Assignee') => $ticket->assignee?->name,
                    __('Resolved') => $ticket->resolved_at?->toDayDateTimeString(),
                ]" />
                @if ($ticket->ride)
                    <x-admin.button size="sm" variant="secondary" class="mt-4" :href="route('admin.rides.show', $ticket->ride)">{{ __('View ride') }}</x-admin.button>
                @endif
            </x-admin.card>

            @can('support_tickets.assign')
                <x-admin.card :title="__('Assignment')">
                    <form method="POST" action="{{ route('admin.tickets.assign', $ticket) }}" class="space-y-4">
                        @csrf @method('PUT')
                        <x-admin.select name="priority" :label="__('Priority')" :options="$priorities" :value="$ticket->priority" required />
                        <x-admin.select name="assigned_to" :label="__('Assignee')" :options="$admins" :value="$ticket->assigned_to" :placeholder="__('Unassigned')" />
                        <x-admin.button type="submit" variant="secondary">{{ __('Save') }}</x-admin.button>
                    </form>
                </x-admin.card>
            @endcan

            @can('support_tickets.close')
                <x-admin.card :title="__('Status')">
                    <form method="POST" action="{{ route('admin.tickets.status', $ticket) }}" class="space-y-4">
                        @csrf @method('PUT')
                        <x-admin.select name="status" :options="$statuses" :value="$ticket->status" required />
                        <p class="text-xs text-gray-500">{{ __('The user is notified when the ticket is resolved or closed. Closed tickets take no more replies.') }}</p>
                        <x-admin.button type="submit" variant="secondary">{{ __('Update status') }}</x-admin.button>
                    </form>
                </x-admin.card>
            @endcan
        </div>
    </div>
</x-admin.layout>