@extends('layouts.app')
@section('title', 'Review '.$user->name)

@section('content')
<a href="{{ route('admin.kyc.index') }}" class="text-sm text-slate-500 underline">← Queue</a>
<div class="mt-2 grid gap-6 lg:grid-cols-[1fr_360px]">
    <section class="rounded-lg border border-slate-200 bg-white p-5 text-sm">
        <h1 class="text-xl font-bold">{{ $user->company_name ?? $user->name }}</h1>
        <dl class="mt-3 grid grid-cols-2 gap-2">
            @foreach ([
                'Role' => ucfirst($user->role).($user->seller_type ? ' ('.$user->seller_type.')' : ''),
                'Status' => strtoupper($user->status),
                'Contact' => $user->name,
                'Email' => $user->email,
                'Phone' => $user->phone,
                'Country' => $user->country,
                'Company reg. no.' => $user->company_reg_no ?? '—',
                'Referred by' => $user->referrer ? $user->referrer->name.' ('.$user->referrer->affiliate_code.')' : '—',
                'Affiliate ID' => $user->affiliate_code ?? '—',
            ] as $label => $value)
                <div class="rounded bg-slate-50 p-2"><dt class="text-xs text-slate-500">{{ $label }}</dt><dd class="break-words font-semibold">{{ $value }}</dd></div>
            @endforeach
        </dl>

        <h2 class="mt-5 font-semibold">Documents</h2>
        @if ($missing)
            <p class="mt-1 rounded border border-amber-300 bg-amber-50 p-2 text-xs text-amber-900">Missing: {{ implode(', ', $missing) }}</p>
        @endif
        <ul class="mt-2 space-y-2">
            @forelse ($documents as $doc)
                <li class="rounded border border-slate-200 p-3">
                    <div class="flex flex-wrap items-center justify-between gap-2">
                        <div>
                            <p class="font-semibold">{{ $required[$doc->doc_type] ?? $doc->doc_type }}</p>
                            <p class="text-xs text-slate-500">{{ $doc->original_name }} · {{ number_format($doc->size_bytes / 1024) }} KB · uploaded {{ $doc->created_at->format('d M Y H:i') }}
                                @if ($doc->expires_on) · expires {{ $doc->expires_on->format('d M Y') }} @endif</p>
                            <p class="break-all text-[10px] text-slate-400">SHA-256 {{ $doc->sha256 }}</p>
                        </div>
                        <div class="flex items-center gap-2">
                            <span class="text-xs font-semibold uppercase">{{ $doc->status }}</span>
                            <a href="{{ route('kyc.download', $doc) }}" class="rounded bg-slate-900 px-3 py-1.5 text-xs font-semibold text-white">Open</a>
                        </div>
                    </div>
                </li>
            @empty
                <li class="text-slate-500">No documents uploaded.</li>
            @endforelse
        </ul>
    </section>

    <aside class="h-fit space-y-4 text-sm">
        @if ($user->status !== 'approved')
            <form method="POST" action="{{ route('admin.kyc.approve', $user) }}" class="rounded-lg border border-emerald-300 bg-emerald-50 p-4">
                @csrf
                <p class="text-xs text-emerald-900">Approve only after checking every document against the issuing registry.</p>
                <button class="mt-2 w-full rounded bg-emerald-700 px-3 py-2 font-semibold text-white" @disabled((bool) $missing)>Approve &amp; issue verified badge</button>
            </form>
            <form method="POST" action="{{ route('admin.kyc.reject', $user) }}" class="rounded-lg border border-slate-200 bg-white p-4">
                @csrf
                <label>Rejection reason (shown to applicant)
                    <textarea name="reason" rows="3" required class="mt-1 w-full rounded border border-slate-300 px-2 py-1.5"></textarea>
                </label>
                <button class="mt-2 w-full rounded border border-red-600 px-3 py-2 font-semibold text-red-700">Reject</button>
            </form>
        @endif
        @if ($user->status === 'approved')
            <form method="POST" action="{{ route('admin.kyc.suspend', $user) }}" class="rounded-lg border border-slate-200 bg-white p-4">
                @csrf
                <label>Suspension reason
                    <textarea name="reason" rows="3" required class="mt-1 w-full rounded border border-slate-300 px-2 py-1.5"></textarea>
                </label>
                <button class="mt-2 w-full rounded bg-red-700 px-3 py-2 font-semibold text-white">Suspend account</button>
            </form>
        @endif
    </aside>
</div>
@endsection