@extends('layouts.admin')

@section('title', 'Reports')
@section('heading', 'Reports & exports')
@section('subheading', 'Download CSV data for registrations and check-ins. Identity numbers are never included.')

@section('content')
    <div class="grid gap-6 lg:grid-cols-2">
        {{-- Registrations --}}
        <section class="surface p-5 sm:p-6" aria-labelledby="reg-export">
            <h2 id="reg-export" class="font-display text-lg font-semibold text-navy-900">Registrations CSV</h2>
            <p class="mt-1 text-sm text-navy-500">Filter the export or leave everything blank to download all registrations.</p>

            <form method="GET" action="{{ route('admin.reports.registrations') }}" class="mt-5 grid gap-4 sm:grid-cols-2">
                <div>
                    <label for="r_status" class="label">Status</label>
                    <select id="r_status" name="status" class="field">
                        <option value="">All statuses</option>
                        @foreach ($statuses as $status)
                            <option value="{{ $status->value }}">{{ $status->label() }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="r_category" class="label">Category</label>
                    <select id="r_category" name="category" class="field">
                        <option value="">All categories</option>
                        @foreach ($categories as $category)
                            <option value="{{ $category->id }}">{{ $category->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label for="r_from" class="label">Submitted from</label>
                    <input id="r_from" type="date" name="from" class="field">
                </div>
                <div>
                    <label for="r_to" class="label">Submitted to</label>
                    <input id="r_to" type="date" name="to" class="field">
                </div>
                <div class="sm:col-span-2">
                    <label for="r_verified" class="label">Verification</label>
                    <select id="r_verified" name="verified" class="field">
                        <option value="">Any</option>
                        <option value="yes">Verified only</option>
                        <option value="no">Not verified</option>
                    </select>
                </div>
                <div class="sm:col-span-2">
                    <button type="submit" class="btn-primary w-full sm:w-auto">Download registrations.csv</button>
                </div>
            </form>
        </section>

        {{-- Check-ins --}}
        <section class="surface p-5 sm:p-6" aria-labelledby="chk-export">
            <h2 id="chk-export" class="font-display text-lg font-semibold text-navy-900">Check-ins CSV</h2>
            <p class="mt-1 text-sm text-navy-500">Gate scans with staff, device and override details.</p>

            <form method="GET" action="{{ route('admin.reports.checkins') }}" class="mt-5 space-y-4">
                <div>
                    <label for="c_day" class="label">Event day</label>
                    <select id="c_day" name="event_day" class="field">
                        <option value="">All days</option>
                        @foreach ($eventDays as $day)
                            <option value="{{ $day }}">{{ \Illuminate\Support\Carbon::parse($day)->format('l, j F Y') }}</option>
                        @endforeach
                    </select>
                </div>
                <label class="flex items-center gap-2 text-sm text-navy-700">
                    <input type="checkbox" name="include_duplicates" value="1" class="rounded border-navy-200 text-emerald-500 focus:ring-emerald-500">
                    Include duplicate scans
                </label>
                <button type="submit" class="btn-primary w-full sm:w-auto">Download checkins.csv</button>
            </form>
        </section>
    </div>

    {{-- Status summary --}}
    <section class="surface mt-6 p-5 sm:p-6" aria-labelledby="summary">
        <h2 id="summary" class="font-display text-lg font-semibold text-navy-900">Summary by status</h2>
        <dl class="mt-4 grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-6">
            @foreach ($statuses as $status)
                <a href="{{ route('admin.registrations.index', ['status' => $status->value]) }}" class="rounded-xl bg-mist p-4 text-center transition hover:bg-emerald-50">
                    <dd class="font-display text-2xl font-semibold tabular-nums text-navy-900">{{ number_format($totals[$status->value] ?? 0) }}</dd>
                    <dt class="mt-1 text-[11px] font-semibold uppercase tracking-wider text-navy-500">{{ $status->label() }}</dt>
                </a>
            @endforeach
        </dl>
        <p class="mt-4 text-xs text-navy-500">Total: {{ number_format(collect($totals)->sum()) }} registrations. All exports are recorded in the audit log.</p>
    </section>
@endsection