@extends('layouts.admin')

@section('title', 'Verification')

@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="type" onchange="this.form.submit()" class="form-input w-44" aria-label="Type">
                <option value="">All types</option>
                @foreach ($types as $value => $label)
                    <option value="{{ $value }}" @selected(request('type') === $value)>{{ $label }}</option>
                @endforeach
            </select>
        </form>

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

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

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

    @if ($requests->isEmpty())
        <x-empty-state icon="shield" title="Nothing waiting"
                       message="Verification claims appear here for review." />
    @else
        <div class="admin-card overflow-x-auto">
            <table class="table-admin">
                <thead>
                    <tr>
                        <th>Claimant</th>
                        <th>Type</th>
                        <th>Documents</th>
                        <th>Submitted</th>
                        <th>Status</th>
                        <th><span class="sr-only">Actions</span></th>
                    </tr>
                </thead>

                <tbody>
                    @foreach ($requests as $verification)
                        <tr>
                            <td>
                                <a href="{{ route('admin.verifications.show', $verification) }}"
                                   class="font-medium text-text hover:text-text-brand">
                                    {{ $verification->legal_name ?: $verification->subjectLabel() }}
                                </a>
                                <span class="mt-0.5 block text-xs text-text-muted">{{ $verification->user->email }}</span>
                            </td>

                            <td><x-badge>{{ $verification->type->label() }}</x-badge></td>

                            <td class="text-sm text-text-secondary">
                                {{ $verification->documents_count }}
                                @if (! $verification->isComplete())
                                    <span class="text-warning">(incomplete)</span>
                                @endif
                            </td>

                            <td class="text-sm text-text-secondary">{{ $verification->created_at->format('d M Y') }}</td>

                            <td>
                                <x-badge :variant="$verification->status->badgeVariant()">
                                    {{ $verification->status->label() }}
                                </x-badge>
                            </td>

                            <td class="text-right">
                                <a href="{{ route('admin.verifications.show', $verification) }}" class="btn-outline btn-sm">
                                    Review
                                </a>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>

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