@extends('layouts.app')
@section('title', 'Verification')

@section('content')
@php($colors = ['pending' => 'bg-amber-100 text-amber-800', 'approved' => 'bg-emerald-100 text-emerald-800', 'rejected' => 'bg-red-100 text-red-800', 'suspended' => 'bg-red-100 text-red-800'])
<div class="mx-auto max-w-3xl">
    <div class="flex flex-wrap items-center justify-between gap-2">
        <h1 class="text-xl font-bold">Account verification</h1>
        <span class="rounded-full px-3 py-1 text-xs font-semibold uppercase {{ $colors[$user->status] }}">
            {{ $user->isApproved() ? '✔ '.$user->badgeLabel() : $user->status }}
        </span>
    </div>

    @if ($user->status === 'pending')
        <p class="mt-2 text-sm text-slate-600">
            {{ $missing ? 'Upload every document below. Review starts once the set is complete.' : 'All documents received. Our compliance team is reviewing your account.' }}
        </p>
    @elseif (in_array($user->status, ['rejected', 'suspended']))
        <p class="mt-2 rounded border border-red-200 bg-red-50 p-3 text-sm text-red-900">Reason: {{ $user->rejection_reason }}</p>
    @endif

    <div class="mt-5 space-y-4">
        @foreach ($required as $type => $label)
            <div class="rounded-lg border border-slate-200 bg-white p-4">
                <div class="flex items-center justify-between gap-2">
                    <h2 class="font-semibold">{{ $label }}</h2>
                    @if (isset($missing[$type]))<span class="text-xs font-semibold text-red-600">Required</span>@endif
                </div>

                @foreach ($documents[$type] ?? [] as $doc)
                    <div class="mt-2 flex items-center justify-between gap-2 rounded bg-slate-50 px-3 py-2 text-xs">
                        <a href="{{ route('kyc.download', $doc) }}" class="truncate underline">{{ $doc->original_name }}</a>
                        <span class="shrink-0 rounded-full px-2 py-0.5 font-semibold {{ $colors[$doc->status] }}">{{ $doc->status }}</span>
                    </div>
                    @if ($doc->review_note)<p class="mt-1 text-xs text-red-700">{{ $doc->review_note }}</p>@endif
                @endforeach

                @if ($user->status !== 'suspended')
                    <form method="POST" action="{{ route('kyc.store') }}" enctype="multipart/form-data" class="mt-3 flex flex-wrap items-end gap-2 text-xs">
                        @csrf
                        <input type="hidden" name="doc_type" value="{{ $type }}">
                        <input type="file" name="file" accept=".pdf,.jpg,.jpeg,.png" required class="max-w-full">
                        <label>Expiry (if any) <input type="date" name="expires_on" class="rounded border border-slate-300 px-2 py-1"></label>
                        <button class="rounded bg-slate-900 px-3 py-2 font-semibold text-white">Upload</button>
                    </form>
                @endif
            </div>
        @endforeach
    </div>
    <p class="mt-4 text-xs text-slate-500">PDF, JPG or PNG up to {{ config('drixem.kyc_max_upload_kb') / 1024 }} MB. Files are stored privately and are visible only to you and Drixem compliance.</p>
</div>
@endsection