@extends('layouts.public')

@section('title', 'Status — '.$registration->reference)

@php
    $status = $registration->status;
    $message = match ($status->value) {
        'approved' => 'Your registration is approved. Your digital badge is ready below.',
        'waitlisted' => 'The category is currently full. You are on the waitlist'.($registration->waitlist_position ? ' at position '.$registration->waitlist_position : '').' and we will contact you if a place opens.',
        'rejected' => 'Unfortunately we could not approve this registration. Please contact the organisers if you believe this is a mistake.',
        'cancelled' => 'This registration has been cancelled.',
        'pending_review' => 'Your registration is being reviewed by the organisers. We will notify you by e-mail and SMS.',
        default => 'We have received your registration but it is not yet verified. Complete the one-time code verification to proceed.',
    };
@endphp

@section('content')
    <x-inner-hero kicker="Registration status" :title="$registration->full_name" :subtitle="$category->name.' · '.$registration->reference" />

    <section class="mesh-light py-10 sm:py-14">
        <div class="mx-auto max-w-2xl space-y-6 px-4 sm:px-6">
            <div class="surface p-6 sm:p-8">
                <div class="flex flex-wrap items-center justify-between gap-3">
                    <p class="section-kicker">Current status</p>
                    <x-status-badge :status="$status" />
                </div>
                <p class="mt-4 text-lg leading-relaxed text-navy-700">{{ $message }}</p>

                <dl class="mt-6 grid gap-4 border-t border-navy-100 pt-6 text-sm sm:grid-cols-2">
                    <div><dt class="text-navy-500">Reference</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $registration->reference }}</dd></div>
                    <div><dt class="text-navy-500">Category</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $category->name }}</dd></div>
                    @if ($registration->organisation)
                        <div><dt class="text-navy-500">Organisation</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $registration->organisation->name }}</dd></div>
                    @endif
                    <div><dt class="text-navy-500">Submitted</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ ($registration->submitted_at ?? $registration->created_at)?->timezone(config('event.timezone'))->format('j M Y, H:i') }}</dd></div>
                    @if ($registration->reviewed_at)
                        <div><dt class="text-navy-500">Decision on</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $registration->reviewed_at->timezone(config('event.timezone'))->format('j M Y, H:i') }}</dd></div>
                    @endif
                </dl>
            </div>

            @if ($badge)
                <div class="surface overflow-hidden">
                    <div class="bg-emerald-500 px-6 py-3 text-sm font-semibold uppercase tracking-widest text-white">Your badge</div>
                    <div class="flex flex-col gap-3 p-6 sm:flex-row">
                        <a href="{{ route('badge.show', $badge->public_token) }}" class="btn-primary flex-1">Open digital badge</a>
                        <a href="{{ route('badge.pdf', $badge->public_token) }}" class="btn-ghost flex-1">Download PDF</a>
                    </div>
                </div>
            @endif

            <p class="text-center text-sm text-navy-500">
                This link expires shortly for your security. <a href="{{ route('status.lookup') }}" class="font-semibold text-emerald-600 underline">Look up again</a> &middot;
                <a href="{{ route('contact') }}" class="font-semibold text-emerald-600 underline">Need help?</a>
            </p>
        </div>
    </section>
@endsection