@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.public title="Check registration">
    <section class="section max-w-2xl">
        <x-section-title title="Check your registration" subtitle="Enter the email and phone number you used to register to see if you are confirmed." />

        <form method="POST" action="{{ route('registration.status.check') }}" class="card p-6 sm:p-8">
            @csrf
            <div class="grid gap-4 sm:grid-cols-2">
                <x-field name="email" label="Email" type="email" required />
                <x-field name="phone" label="Phone" placeholder="01XXXXXXXXX" required />
            </div>
            <button class="btn btn-primary mt-6">Check status</button>
        </form>

        @if($results !== null)
            <div class="mt-8 space-y-4">
                @forelse($results as $r)
                    <div class="card p-5">
                        <div class="flex flex-wrap items-start justify-between gap-3">
                            <div>
                                <a href="{{ route('events.show', $r->event) }}" class="text-lg font-bold text-slate-900 hover:text-blue-600 dark:text-white dark:hover:text-blue-400">{{ $r->event->title }}</a>
                                <p class="mt-1 text-sm text-slate-500 dark:text-slate-400">{{ $r->event->starts_at->format('D, d M Y · h:i A') }} · {{ $r->event->location }}</p>
                            </div>
                            <span class="badge {{ $pill[$r->status] ?? '' }}">
                                {{ ['approved' => 'Confirmed', 'pending' => 'Payment under review', 'rejected' => 'Not approved'][$r->status] ?? $r->status }}
                            </span>
                        </div>
                        <p class="mt-3 text-sm text-slate-600 dark:text-slate-300">
                            @if($r->status === 'approved') Your seat is confirmed. See you there!
                            @elseif($r->status === 'pending') We are verifying your payment of {{ number_format($r->amount) }} BDT. This page and your email will update once it is confirmed.
                            @else We could not approve this registration. Please contact the club committee. @endif
                        </p>
                    </div>
                @empty
                    <div class="card p-8 text-center text-slate-500">No registration found for this email and phone number. Check the details and try again.</div>
                @endforelse
            </div>
        @endif
    </section>
</x-layouts.public>