@extends('layouts.super-admin', ['title' => 'Support Tickets - Booklio Super Admin', 'pageTitle' => 'Support Tickets', 'active' => 'support'])

@section('content')
    <div class="space-y-5">
        <div class="grid gap-4 md:grid-cols-3">
            @foreach ($stats as $item)
                <div class="rounded-lg border border-booklio-border bg-white p-5 shadow-card">
                    <p class="text-sm font-bold text-booklio-muted">{{ $item['label'] }}</p>
                    <p class="mt-3 text-3xl font-extrabold">{{ number_format($item['value']) }}</p>
                </div>
            @endforeach
        </div>

        <x-ui.card title="Support Tickets" description="Tenant support requests with status, priority, and business context.">
            <form method="GET" action="{{ route('super-admin.support.index') }}" class="mb-4 grid gap-3 lg:grid-cols-[minmax(0,1fr)_220px_auto_auto]">
                <x-form.input name="q" label="Search" value="{{ $filters['q'] ?? '' }}" placeholder="Ticket number or subject" />
                <x-form.select name="status" label="Status" value="{{ $filters['status'] ?? 'all' }}" :options="$statuses" />
                <div class="flex items-end">
                    <x-ui.button type="submit" class="w-full">Filter</x-ui.button>
                </div>
                <div class="flex items-end">
                    <x-ui.button href="{{ route('super-admin.support.index') }}" variant="secondary" class="w-full">Reset</x-ui.button>
                </div>
            </form>

            <x-ui.table :headers="['Ticket', 'Business', 'Requester', 'Priority', 'Status', 'Last reply']">
                @forelse ($tickets as $ticket)
                    @php
                        $statusValue = $ticket->status instanceof \App\Enums\SupportTicketStatus ? $ticket->status->value : $ticket->status;
                        $statusVariant = match ($statusValue) {
                            'open' => 'primary',
                            'pending' => 'warning',
                            'resolved', 'closed' => 'success',
                            default => 'muted',
                        };
                    @endphp
                    <tr class="hover:bg-slate-50">
                        <td>
                            <div class="max-w-[260px]">
                                <p class="font-extrabold">{{ $ticket->ticket_number }}</p>
                                <p class="line-clamp-1 text-xs font-semibold text-booklio-muted">{{ $ticket->subject }}</p>
                            </div>
                        </td>
                        <td class="font-semibold"><span class="block max-w-[220px] truncate">{{ $ticket->business?->name ?? 'No business' }}</span></td>
                        <td class="text-booklio-muted"><span class="block max-w-[220px] truncate">{{ $ticket->user?->name ?? 'Unknown user' }}</span></td>
                        <td class="font-bold">{{ \Illuminate\Support\Str::headline($ticket->priority ?? 'normal') }}</td>
                        <td><x-ui.badge :variant="$statusVariant">{{ \Illuminate\Support\Str::headline($statusValue) }}</x-ui.badge></td>
                        <td>{{ $ticket->last_reply_at?->diffForHumans() ?? $ticket->created_at?->diffForHumans() }}</td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center text-booklio-muted">No support tickets found.</td>
                    </tr>
                @endforelse
            </x-ui.table>

            <x-ui.pagination :paginator="$tickets" class="mt-4" />
        </x-ui.card>
    </div>
@endsection