@extends('layouts.admin')

@section('title', 'Reports')

@section('content')
    <div class="mb-5 flex flex-wrap items-center justify-between gap-4">
        <form method="GET" class="flex flex-wrap items-center gap-3">
            <input type="hidden" name="status" value="{{ $currentStatus }}">

            <select name="reason" onchange="this.form.submit()" class="form-input w-56" aria-label="Reason">
                <option value="">All reasons</option>
                @foreach ($reasons as $value => $label)
                    <option value="{{ $value }}" @selected(request('reason') === $value)>{{ $label }}</option>
                @endforeach
            </select>
        </form>

        <p class="text-sm text-text-secondary">
            {{ $reports->total() }} {{ Str::plural('report', $reports->total()) }}
        </p>
    </div>

    <div class="mb-5 flex flex-wrap gap-2">
        <a href="{{ route('admin.moderation.reports') }}"
           @class(['pill', 'pill-brand' => $currentStatus === '', 'pill-idle' => $currentStatus !== ''])>
            Open <span class="opacity-60">{{ ($counts['open'] ?? 0) + ($counts['under_review'] ?? 0) }}</span>
        </a>

        <a href="{{ route('admin.moderation.reports', ['status' => 'all']) }}"
           @class(['pill', 'pill-brand' => $currentStatus === 'all', 'pill-idle' => $currentStatus !== 'all'])>
            All <span class="opacity-60">{{ $counts->sum() }}</span>
        </a>

        @foreach ($statuses as $value => $label)
            @continue(! $counts->has($value))

            <a href="{{ route('admin.moderation.reports', ['status' => $value]) }}"
               @class(['pill', 'pill-brand' => $currentStatus === $value, 'pill-idle' => $currentStatus !== $value])>
                {{ $label }} <span class="opacity-60">{{ $counts[$value] }}</span>
            </a>
        @endforeach
    </div>

    @if ($reports->isEmpty())
        <x-empty-state icon="shield" title="Nothing reported"
                       message="Reports appear here, the urgent ones first." />
    @else
        <div class="admin-card overflow-x-auto">
            <table class="w-full text-left text-sm">
                <thead class="border-b border-border text-xs uppercase tracking-wide text-text-muted">
                    <tr>
                        <th class="px-4 py-3 font-semibold">What</th>
                        <th class="px-4 py-3 font-semibold">Reason</th>
                        <th class="px-4 py-3 font-semibold">Reported by</th>
                        <th class="px-4 py-3 font-semibold">When</th>
                        <th class="px-4 py-3 font-semibold">Status</th>
                        <th class="px-4 py-3"><span class="sr-only">Actions</span></th>
                    </tr>
                </thead>

                <tbody class="divide-y divide-border">
                    @foreach ($reports as $report)
                        <tr>
                            <td class="px-4 py-3">
                                <a href="{{ route('admin.moderation.reports.show', $report) }}"
                                   class="font-medium text-text hover:text-text-brand">
                                    {{ $report->subjectLabel() }}
                                </a>
                                <span class="mt-0.5 block text-xs text-text-muted">{{ $report->subjectType() }}</span>
                            </td>

                            <td class="px-4 py-3">
                                <x-badge :variant="$report->reason->isUrgent() ? 'error' : 'muted'">
                                    {{ $report->reason->label() }}
                                </x-badge>
                            </td>

                            <td class="px-4 py-3 text-text-secondary">
                                {{ $report->reporter?->name ?? 'Not signed in' }}
                            </td>

                            <td class="px-4 py-3 text-text-secondary">{{ $report->created_at->format('d M Y') }}</td>

                            <td class="px-4 py-3">
                                <x-badge :variant="$report->status->badgeVariant()">
                                    {{ $report->status->label() }}
                                </x-badge>
                            </td>

                            <td class="px-4 py-3 text-right">
                                <a href="{{ route('admin.moderation.reports.show', $report) }}"
                                   class="btn-outline btn-sm">Review</a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

        <div class="mt-6">{{ $reports->links() }}</div>
    @endif
@endsection