@php $pill = ['approved' => 'bg-emerald-100 text-emerald-700', 'pending' => 'bg-amber-100 text-amber-700', 'rejected' => 'bg-red-100 text-red-700']; @endphp
<x-layouts.dashboard title="Registrations">
    <div class="mb-2 flex flex-wrap items-center justify-between gap-3">
        <h1 class="text-2xl font-bold text-slate-900 dark:text-white">Event registrations</h1>
        <a href="{{ route('manage.registrations.export', request()->query()) }}" class="btn btn-ghost">Download CSV (Excel)</a>
    </div>
    <p class="mb-6 text-sm text-slate-500">Everyone who registers is saved here. Confirm or reject a registration and the person is emailed automatically. People can also check their status on the public “Check registration” page.</p>

    <form method="GET" class="mb-6 flex flex-wrap gap-2">
        <select name="event" class="input w-52">
            <option value="">All events</option>
            @foreach($events as $id => $title)<option value="{{ $id }}" @selected(request('event') == $id)>{{ $title }}</option>@endforeach
        </select>
        <select name="status" class="input w-36">
            <option value="">Any status</option>
            @foreach(['pending', 'approved', 'rejected'] as $st)<option value="{{ $st }}" @selected(request('status') === $st)>{{ ucfirst($st) }}</option>@endforeach
        </select>
        <input type="search" name="q" value="{{ request('q') }}" placeholder="Name, email, phone, trx…" class="input w-48">
        <button class="btn btn-ghost">Filter</button>
    </form>

    <div class="card overflow-x-auto">
        <table class="min-w-full text-sm">
            <thead class="border-b border-slate-200 text-left text-slate-500 dark:border-slate-800">
                <tr><th class="px-4 py-3">Person</th><th class="px-4 py-3">Event</th><th class="px-4 py-3">Payment</th><th class="px-4 py-3">Status</th><th class="px-4 py-3 text-right">Actions</th></tr>
            </thead>
            <tbody class="divide-y divide-slate-100 dark:divide-slate-800">
                @forelse($registrations as $r)
                    <tr>
                        <td class="px-4 py-3">
                            <p class="font-medium text-slate-900 dark:text-slate-100">{{ $r->name }} @if($r->user_id)<span class="badge ml-1 bg-blue-100 text-blue-700">Account</span>@endif</p>
                            <p class="text-xs text-slate-500">{{ $r->email }} · {{ $r->phone }}</p>
                            <p class="text-xs text-slate-500">
                                @if($r->student_id)ID {{ $r->student_id }} · @endif
                                @if($r->institution){{ $r->institution }} · @endif
                                @if($r->batch)Batch {{ $r->batch }} · @endif
                                @if($r->section)Sec {{ $r->section }}@endif
                            </p>
                        </td>
                        <td class="px-4 py-3">{{ $r->event?->title }}<p class="text-xs text-slate-500">{{ $r->created_at->format('d M Y, h:i A') }}</p></td>
                        <td class="px-4 py-3">
                            @if($r->amount > 0)
                                {{ number_format($r->amount) }} BDT<br>
                                <span class="text-xs text-slate-500">{{ ucfirst((string) $r->payment_method) }} @if($r->transaction_id)· <span class="font-mono">{{ $r->transaction_id }}</span>@endif</span>
                            @else
                                <span class="badge bg-emerald-100 text-emerald-700">Free</span>
                            @endif
                        </td>
                        <td class="px-4 py-3"><span class="badge {{ $pill[$r->status] ?? '' }}">{{ ucfirst($r->status) }}</span></td>
                        <td class="whitespace-nowrap px-4 py-3 text-right">
                            @if($r->status !== 'approved')
                                <form method="POST" action="{{ route('manage.registrations.approve', $r) }}" class="inline">@csrf<button class="btn btn-primary btn-sm">Confirm</button></form>
                            @endif
                            @if($r->status !== 'rejected')
                                <form method="POST" action="{{ route('manage.registrations.reject', $r) }}" class="inline" onsubmit="return confirm('Reject this registration?')">@csrf<button class="btn btn-ghost btn-sm">Reject</button></form>
                            @endif
                            <form method="POST" action="{{ route('manage.registrations.destroy', $r) }}" class="inline" onsubmit="return confirm('Delete this registration?')">@csrf @method('DELETE')<button class="btn btn-danger btn-sm">Delete</button></form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="px-4 py-10 text-center text-slate-500">No registrations found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="mt-6">{{ $registrations->links() }}</div>
</x-layouts.dashboard>