@extends('layouts.admin')

@section('title', $registration->reference)
@section('heading', $registration->full_name)
@section('subheading', $registration->reference.' · '.$category->name)

@php
    $tz = config('event.timezone');
    $fmt = fn ($date, string $format = 'j M Y, H:i') => $date ? $date->timezone($tz)->format($format) : '—';
    $interestLabels = (array) config('event.registration.interests');
    $docLabels = (array) config('event.registration.document_types');
    $badge = $registration->badge;
    $badgeActive = $badge && $badge->isUsable();
    $isApproved = $registration->isApproved();
    $canReview = $canDecide && $registration->status->isReviewable();
@endphp

@section('content')
    <div class="mb-6 flex flex-wrap items-center gap-3">
        <a href="{{ route('admin.registrations.index') }}" class="text-sm font-semibold text-emerald-600 hover:underline">&larr; All registrations</a>
        <x-status-badge :status="$registration->status" class="!text-sm" />
        @if ($registration->waitlist_position && $registration->status->value === 'waitlisted')
            <span class="text-sm text-navy-500">Waitlist position {{ $registration->waitlist_position }}</span>
        @endif
    </div>

    <div class="grid gap-6 xl:grid-cols-3">
        <div class="space-y-6 xl:col-span-2">

            {{-- Profile --}}
            <section class="surface p-5 sm:p-6" aria-labelledby="profile">
                <div class="flex items-start gap-4">
                    @if ($registration->photo_path)
                        <a href="{{ route('admin.registrations.photo', $registration) }}" target="_blank" rel="noopener" class="shrink-0">
                            <img src="{{ route('admin.registrations.photo', $registration) }}" alt="Photo of {{ $registration->full_name }}" class="h-20 w-20 rounded-2xl object-cover ring-2 ring-navy-100">
                        </a>
                    @else
                        <span class="flex h-20 w-20 shrink-0 items-center justify-center rounded-2xl bg-navy-50 font-display text-3xl font-bold text-navy-500">{{ \Illuminate\Support\Str::upper(\Illuminate\Support\Str::substr($registration->full_name, 0, 1)) }}</span>
                    @endif
                    <div class="min-w-0">
                        <h2 id="profile" class="font-display text-xl font-semibold text-navy-900">{{ $registration->full_name }}</h2>
                        <p class="text-sm text-navy-500">{{ $category->name }}@if ($registration->company_role) &middot; {{ $registration->company_role }}@endif</p>
                        @if ($registration->photo_path)
                            <a href="{{ route('admin.registrations.photo', $registration) }}" target="_blank" rel="noopener" class="mt-1 inline-block text-xs font-semibold text-emerald-600 hover:underline">Open photo</a>
                        @endif
                    </div>
                </div>

                <dl class="mt-6 grid gap-x-8 gap-y-4 border-t border-navy-100 pt-6 text-sm sm:grid-cols-2">
                    @foreach ([
                        'E-mail' => $registration->email,
                        'Phone' => $registration->phone,
                        'Date of birth' => $fmt($registration->date_of_birth, 'j M Y'),
                        'Gender' => $registration->gender ? ucwords(str_replace('_', ' ', $registration->gender)) : '—',
                        'Province' => $registration->province ?: '—',
                        'District' => $registration->district ?: '—',
                        'Sector / ward' => $registration->sector ?: '—',
                        'Media outlet' => $registration->media_outlet ?: null,
                    ] as $label => $value)
                        @continue($value === null)
                        <div><dt class="text-navy-500">{{ $label }}</dt><dd class="mt-0.5 break-words font-semibold text-navy-900">{{ $value }}</dd></div>
                    @endforeach
                    <div>
                        <dt class="text-navy-500">National ID @unless ($canSeeSensitive)<span class="text-xs">(masked)</span>@endunless</dt>
                        <dd class="mt-0.5 font-mono font-semibold text-navy-900">{{ $nationalId ?: '—' }}</dd>
                    </div>
                    @if ($canSeeSensitive)
                        <div><dt class="text-navy-500">Passport</dt><dd class="mt-0.5 font-mono font-semibold text-navy-900">{{ $passportNumber ?: '—' }}</dd></div>
                    @endif
                    <div><dt class="text-navy-500">Phone verified</dt><dd class="mt-0.5 font-semibold {{ $registration->phone_verified_at ? 'text-emerald-600' : 'text-navy-500' }}">{{ $registration->phone_verified_at ? $fmt($registration->phone_verified_at) : 'No' }}</dd></div>
                    <div><dt class="text-navy-500">E-mail verified</dt><dd class="mt-0.5 font-semibold {{ $registration->email_verified_at ? 'text-emerald-600' : 'text-navy-500' }}">{{ $registration->email_verified_at ? $fmt($registration->email_verified_at) : 'No' }}</dd></div>
                    <div><dt class="text-navy-500">Communications consent</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $registration->consent_communications ? 'Yes' : 'No' }}</dd></div>
                    <div><dt class="text-navy-500">Submitted</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $fmt($registration->submitted_at ?? $registration->created_at) }}</dd></div>
                </dl>

                @if (! empty($registration->interests))
                    <div class="mt-5 border-t border-navy-100 pt-5">
                        <p class="text-sm text-navy-500">Interests</p>
                        <div class="mt-2 flex flex-wrap gap-2">
                            @foreach ($registration->interests as $interest)
                                <span class="rounded-full bg-turquoise-50 px-3 py-1 text-xs font-semibold text-turquoise-700">{{ $interestLabels[$interest] ?? ucwords(str_replace('_', ' ', $interest)) }}</span>
                            @endforeach
                        </div>
                    </div>
                @endif

                @if ($registration->accessibility_needs)
                    <div class="mt-5 border-t border-navy-100 pt-5 text-sm">
                        <p class="text-navy-500">Accessibility needs</p>
                        <p class="mt-1 whitespace-pre-line text-navy-900">{{ $registration->accessibility_needs }}</p>
                    </div>
                @endif
            </section>

            {{-- Organisation --}}
            @if ($registration->organisation || $registration->booth_request || $registration->products_services || $registration->sponsorship_interest)
                @php($org = $registration->organisation)
                <section class="surface p-5 sm:p-6" aria-labelledby="org">
                    <h2 id="org" class="font-display text-lg font-semibold text-navy-900">Organisation</h2>
                    @if ($org)
                        <dl class="mt-4 grid gap-x-8 gap-y-4 text-sm sm:grid-cols-2">
                            <div><dt class="text-navy-500">Name</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $org->name }}</dd></div>
                            <div><dt class="text-navy-500">Sector</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $org->sector ?: '—' }}</dd></div>
                            <div><dt class="text-navy-500">E-mail</dt><dd class="mt-0.5 break-words font-semibold text-navy-900">{{ $org->email ?: '—' }}</dd></div>
                            <div><dt class="text-navy-500">Phone</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $org->phone ?: '—' }}</dd></div>
                            <div><dt class="text-navy-500">Registration no.</dt><dd class="mt-0.5 font-semibold text-navy-900">{{ $org->registration_number ?: '—' }}</dd></div>
                            @if ($canSeeSensitive)
                                <div><dt class="text-navy-500">TIN</dt><dd class="mt-0.5 font-mono font-semibold text-navy-900">{{ $org->tin ?: '—' }}</dd></div>
                            @endif
                            <div class="sm:col-span-2"><dt class="text-navy-500">Website</dt><dd class="mt-0.5 break-words font-semibold text-navy-900">
                                @if ($org->website)<a href="{{ $org->website }}" target="_blank" rel="noopener noreferrer" class="text-emerald-600 hover:underline">{{ $org->website }}</a>@else — @endif
                            </dd></div>
                        </dl>
                    @endif
                    @foreach (['booth_request' => 'Booth request', 'products_services' => 'Products & services', 'sponsorship_interest' => 'Sponsorship interest'] as $field => $label)
                        @if ($registration->{$field})
                            <div class="mt-4 border-t border-navy-100 pt-4 text-sm">
                                <p class="text-navy-500">{{ $label }}</p>
                                <p class="mt-1 whitespace-pre-line text-navy-900">{{ $registration->{$field} }}</p>
                            </div>
                        @endif
                    @endforeach
                </section>
            @endif

            {{-- Documents --}}
            @if ($registration->documents->isNotEmpty())
                <section class="surface p-5 sm:p-6" aria-labelledby="docs">
                    <h2 id="docs" class="font-display text-lg font-semibold text-navy-900">Documents</h2>
                    <ul class="mt-3 divide-y divide-navy-100">
                        @foreach ($registration->documents as $document)
                            <li class="flex flex-wrap items-center justify-between gap-3 py-3 text-sm">
                                <div class="min-w-0">
                                    <p class="font-semibold text-navy-900">{{ $docLabels[$document->type] ?? ucwords(str_replace('_', ' ', $document->type)) }}</p>
                                    <p class="truncate text-xs text-navy-500">{{ $document->original_name }} &middot; {{ number_format($document->size / 1024) }} KB</p>
                                </div>
                                <div class="flex items-center gap-3">
                                    <x-status-badge :status="$document->review_status ?? 'pending'" />
                                    @if (auth()->user()->isSuperAdmin() || auth()->user()->hasAnyRole([\App\Enums\UserRole::EventManager, \App\Enums\UserRole::RegistrationOfficer, \App\Enums\UserRole::Auditor]))
                                        <a href="{{ route('admin.registrations.documents.show', [$registration, $document]) }}" target="_blank" rel="noopener" class="font-semibold text-emerald-600 hover:underline">Open</a>
                                    @endif
                                </div>
                            </li>
                        @endforeach
                    </ul>
                </section>
            @endif

            {{-- Check-ins --}}
            <section class="surface p-5 sm:p-6" aria-labelledby="checkins">
                <h2 id="checkins" class="font-display text-lg font-semibold text-navy-900">Check-ins</h2>
                @if ($checkins->isEmpty())
                    <p class="mt-3 text-sm text-navy-500">Not checked in on any day yet.</p>
                @else
                    <ul class="mt-3 divide-y divide-navy-100 text-sm">
                        @foreach ($checkins as $checkin)
                            <li class="flex flex-wrap items-center justify-between gap-2 py-3">
                                <div>
                                    <p class="font-semibold text-navy-900">{{ $checkin->event_day->format('D j M Y') }}
                                        @if ($checkin->is_duplicate)<span class="ml-1 rounded bg-amber-50 px-1.5 py-0.5 text-[10px] font-semibold uppercase text-amber-700">duplicate scan</span>@endif
                                        @if ($checkin->override_by)<span class="ml-1 rounded bg-coral-500/10 px-1.5 py-0.5 text-[10px] font-semibold uppercase text-coral-600">override</span>@endif
                                    </p>
                                    <p class="text-xs text-navy-500">By {{ $checkin->staff?->name ?? 'system' }}@if ($checkin->gate) &middot; gate {{ $checkin->gate }}@endif @if ($checkin->override_reason) &middot; “{{ $checkin->override_reason }}”@endif</p>
                                </div>
                                <p class="text-navy-700">in {{ $fmt($checkin->checked_in_at, 'H:i') }}@if ($checkin->checked_out_at) &middot; out {{ $fmt($checkin->checked_out_at, 'H:i') }}@endif</p>
                            </li>
                        @endforeach
                    </ul>
                @endif
            </section>

            {{-- Notifications --}}
            <section class="surface p-5 sm:p-6" aria-labelledby="notif">
                <h2 id="notif" class="font-display text-lg font-semibold text-navy-900">Notification history</h2>
                @if ($notifications->isEmpty())
                    <p class="mt-3 text-sm text-navy-500">No messages sent yet.</p>
                @else
                    <ul class="mt-3 divide-y divide-navy-100 text-sm">
                        @foreach ($notifications as $log)
                            <li class="py-3">
                                <div class="flex flex-wrap items-center justify-between gap-2">
                                    <p class="font-semibold text-navy-900">{{ $log->channel->label() }} &middot; {{ ucwords(str_replace('_', ' ', $log->template)) }}</p>
                                    <x-status-badge :status="$log->status" />
                                </div>
                                <p class="text-xs text-navy-500">{{ $log->recipient }} &middot; {{ $fmt($log->sent_at ?? $log->created_at) }}@if ($log->attempts > 1) &middot; {{ $log->attempts }} attempts @endif</p>
                                @if ($log->last_error)<p class="mt-1 text-xs text-coral-600">{{ \Illuminate\Support\Str::limit($log->last_error, 160) }}</p>@endif
                            </li>
                        @endforeach
                    </ul>
                @endif
            </section>
        </div>

        {{-- Sidebar: decisions + badge --}}
        <aside class="space-y-6">
            <section class="surface p-5 sm:p-6" aria-labelledby="decision">
                <h2 id="decision" class="font-display text-lg font-semibold text-navy-900">Review</h2>
                <dl class="mt-3 space-y-1 text-sm">
                    <div class="flex justify-between gap-3"><dt class="text-navy-500">Reviewed by</dt><dd class="font-semibold text-navy-900">{{ $registration->reviewer?->name ?? '—' }}</dd></div>
                    <div class="flex justify-between gap-3"><dt class="text-navy-500">Reviewed</dt><dd class="font-semibold text-navy-900">{{ $fmt($registration->reviewed_at) }}</dd></div>
                </dl>
                @if ($registration->review_notes)
                    <p class="mt-3 whitespace-pre-line rounded-xl bg-mist p-3 text-sm text-navy-700">{{ $registration->review_notes }}</p>
                @endif

                @if ($canReview)
                    @if ($categoryIsFull && ! $isApproved)
                        <p class="mt-4 rounded-xl border border-amber-200 bg-amber-50 px-3 py-2 text-xs text-amber-800">This category is at capacity.@if ($canOverrideCapacity) You can override the limit when approving.@else Approval is blocked unless a manager overrides it.@endif</p>
                    @endif

                    <div class="mt-5 space-y-5" x-data="{ panel: null }">
                        {{-- Approve --}}
                        <form method="POST" action="{{ route('admin.registrations.approve', $registration) }}" class="space-y-3">
                            @csrf
                            <label for="approve_notes" class="label">Note <span class="font-normal text-navy-500">(optional)</span></label>
                            <textarea id="approve_notes" name="review_notes" rows="2" class="field !py-2 text-sm">{{ old('review_notes') }}</textarea>
                            @if ($categoryIsFull && $canOverrideCapacity)
                                <label class="flex items-start gap-2 text-sm text-navy-700">
                                    <input type="checkbox" name="override_capacity" value="1" class="mt-0.5 rounded border-navy-200 text-emerald-500 focus:ring-emerald-500"> Override category capacity
                                </label>
                            @endif
                            <x-input-error :messages="$errors->get('review_notes')" />
                            @unless ($isApproved)
                                <button type="submit" class="btn-primary w-full">Approve &amp; issue badge</button>
                            @endunless
                        </form>

                        {{-- Waitlist --}}
                        @if ($registration->status->value !== 'waitlisted')
                            <form method="POST" action="{{ route('admin.registrations.waitlist', $registration) }}" class="border-t border-navy-100 pt-4">
                                @csrf
                                <input type="hidden" name="review_notes" value="">
                                <button type="submit" class="btn-ghost w-full">Move to waitlist</button>
                            </form>
                        @endif

                        {{-- Reject --}}
                        @if ($registration->status->value !== 'rejected')
                            <form method="POST" action="{{ route('admin.registrations.reject', $registration) }}" class="space-y-2 border-t border-navy-100 pt-4">
                                @csrf
                                <label for="reject_notes" class="label">Reason for rejection</label>
                                <textarea id="reject_notes" name="review_notes" rows="2" class="field !py-2 text-sm" required minlength="5"></textarea>
                                <button type="submit" class="btn-coral w-full">Reject registration</button>
                            </form>
                        @endif
                    </div>
                @elseif (! $canDecide)
                    <p class="mt-4 text-sm text-navy-500">You have read-only access to this registration.</p>
                @endif
            </section>

            <section class="surface p-5 sm:p-6" aria-labelledby="badge">
                <h2 id="badge" class="font-display text-lg font-semibold text-navy-900">Badge</h2>
                @if (! $badge)
                    <p class="mt-3 text-sm text-navy-500">No badge issued.</p>
                @else
                    <div class="mt-3 flex items-center justify-between">
                        <x-status-badge :status="$badge->status" />
                        <span class="text-sm text-navy-500">Version {{ $badge->issue_number }}</span>
                    </div>
                    <dl class="mt-3 space-y-1 text-sm">
                        <div class="flex justify-between gap-3"><dt class="text-navy-500">Issued</dt><dd class="font-semibold text-navy-900">{{ $fmt($badge->issued_at) }}</dd></div>
                        @if ($badge->revoked_at)
                            <div class="flex justify-between gap-3"><dt class="text-navy-500">Revoked</dt><dd class="font-semibold text-navy-900">{{ $fmt($badge->revoked_at) }} by {{ $badge->revoker?->name ?? '—' }}</dd></div>
                        @endif
                    </dl>
                    @if ($badgeActive)
                        <a href="{{ route('badge.show', $badge->public_token) }}" target="_blank" rel="noopener" class="mt-3 inline-block text-sm font-semibold text-emerald-600 hover:underline">Open digital badge</a>
                    @endif
                @endif

                @if ($canDecide && $isApproved)
                    <div class="mt-5 space-y-4 border-t border-navy-100 pt-4">
                        <form method="POST" action="{{ route('admin.registrations.badge.reissue', $registration) }}" onsubmit="return confirm('Re-issue the badge? The previous QR code will stop working.');">
                            @csrf
                            <button type="submit" class="btn-ghost w-full">{{ $badge ? 'Re-issue badge' : 'Issue badge' }}</button>
                        </form>
                        @if ($badgeActive)
                            <form method="POST" action="{{ route('admin.registrations.badge.revoke', $registration) }}" class="space-y-2">
                                @csrf
                                <label for="revoke_reason" class="label">Revoke badge — reason</label>
                                <textarea id="revoke_reason" name="reason" rows="2" class="field !py-2 text-sm" required minlength="5">{{ old('reason') }}</textarea>
                                <x-input-error :messages="$errors->get('reason')" />
                                <button type="submit" class="btn-coral w-full">Revoke badge</button>
                            </form>
                        @endif
                    </div>
                @endif
            </section>
        </aside>
    </div>
@endsection