@extends('layouts.admin')

@section('title', 'Verification review')

@section('content')
    <div class="mb-5">
        <a href="{{ route('admin.verifications.index') }}" class="btn-ghost btn-sm mb-3">
            <x-icon name="arrow-right" class="size-3.5 rotate-180" /> Back to the queue
        </a>

        <h1 class="font-display text-headline font-bold text-text">
            {{ $request->legal_name ?: $request->subjectLabel() }}
        </h1>

        <p class="mt-1.5 flex flex-wrap items-center gap-2 text-sm text-text-secondary">
            <x-badge :variant="$request->status->badgeVariant()">{{ $request->status->label() }}</x-badge>
            <x-badge>{{ $request->type->label() }}</x-badge>
            <span>Submitted {{ $request->created_at->format('d M Y, H:i') }}</span>
        </p>
    </div>

    <div class="grid gap-6 lg:grid-cols-3">
        <div class="space-y-6 lg:col-span-2">
            <div class="admin-card p-6">
                <h2 class="font-display text-title font-bold text-text">The claim</h2>

                <dl class="mt-4 space-y-3 text-sm">
                    @foreach ([
                        'Legal name' => $request->legal_name,
                        'Registration / licence' => $request->registration_number,
                        'Contact' => $request->contact_phone,
                        'Account' => $request->user->email,
                        'Subject' => $request->subjectLabel(),
                        'Note' => $request->note,
                    ] as $label => $value)
                        @if (filled($value))
                            <div class="flex justify-between gap-6">
                                <dt class="text-text-secondary">{{ $label }}</dt>
                                <dd class="text-right font-medium text-text">{{ $value }}</dd>
                            </div>
                        @endif
                    @endforeach
                </dl>
            </div>

            {{-- Documents are streamed, never linked: the private disk has no
                 public URL and this route checks the permission first. --}}
            <div class="admin-card p-6">
                <h2 class="font-display text-title font-bold text-text">Documents</h2>

                <ul class="mt-4 space-y-2">
                    @foreach ($required as $kind => $label)
                        @php($document = $request->documents->firstWhere('kind', $kind))

                        <li class="flex flex-wrap items-center justify-between gap-3 rounded-lg border border-border px-3.5 py-2.5">
                            <span class="min-w-0">
                                <span class="block text-sm font-medium text-text">{{ $label }}</span>

                                @if ($document)
                                    <span class="text-xs text-text-muted">
                                        {{ $document->original_name }} · {{ $document->humanSize() }}
                                    </span>
                                @else
                                    <span class="text-xs text-error">Not supplied</span>
                                @endif
                            </span>

                            @if ($document)
                                <a href="{{ route('admin.verifications.download', [$request, $document]) }}"
                                   class="btn-outline btn-sm">Open</a>
                            @endif
                        </li>
                    @endforeach
                </ul>
            </div>
        </div>

        <div class="space-y-6">
            <div class="admin-card p-6">
                <h2 class="font-display text-title font-bold text-text">Decision</h2>

                @if ($request->isDecided())
                    <p class="mt-3 text-sm text-text-secondary">
                        Decided {{ $request->reviewed_at?->format('d M Y, H:i') }}
                        @if ($request->reviewer) by {{ $request->reviewer->name }} @endif
                    </p>

                    @if ($request->decision_note)
                        <p class="mt-3 rounded-lg bg-surface-muted p-3 text-sm text-text-secondary">
                            {{ $request->decision_note }}
                        </p>
                    @endif
                @else
                    <form action="{{ route('admin.verifications.decide', $request) }}" method="POST"
                          class="mt-4 space-y-4" x-data="{ decision: '' }">
                        @csrf

                        <div class="space-y-2">
                            @foreach (['approve' => 'Approve', 'reject' => 'Reject'] as $value => $label)
                                <label class="flex cursor-pointer items-center gap-2.5 rounded-lg border border-border px-3.5 py-2.5">
                                    <input type="radio" name="decision" value="{{ $value }}" x-model="decision"
                                           class="accent-primary" required>
                                    <span class="text-sm text-text">{{ $label }}</span>
                                </label>
                            @endforeach
                        </div>

                        <div x-show="decision === 'reject'" x-cloak>
                            <label for="note" class="form-label">Reason</label>
                            <textarea id="note" name="note" rows="4" class="form-input"
                                      placeholder="What the claimant needs to correct."></textarea>
                            @error('note')<p class="form-error">{{ $message }}</p>@enderror
                        </div>

                        <button type="submit" class="btn btn-primary w-full">Record decision</button>
                    </form>

                    @unless ($request->isComplete())
                        <x-alert type="warning" class="mt-4">
                            Some documents are missing. Rejecting with a reason lets the claimant send them.
                        </x-alert>
                    @endunless
                @endif
            </div>
        </div>
    </div>
@endsection