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

@section('content')
<h1 class="text-xl font-bold">Verification queue</h1>
<div class="mt-3 flex flex-wrap gap-2 text-sm">
    @foreach (['pending', 'approved', 'rejected', 'suspended'] as $s)
        <a href="{{ route('admin.kyc.index', ['status' => $s]) }}" class="rounded-full px-3 py-1 capitalize {{ $status === $s ? 'bg-crimson text-white' : 'border border-slate-300 bg-white' }}">{{ $s }}</a>
    @endforeach
</div>

<div class="mt-4 space-y-2">
    @forelse ($users as $user)
        @php($needed = count($user->requiredDocuments()))
        <a href="{{ route('admin.kyc.show', $user) }}" class="flex flex-wrap items-center justify-between gap-2 rounded-lg border border-slate-200 bg-white p-4 text-sm hover:border-crimson">
            <div>
                <p class="font-semibold">{{ $user->company_name ?? $user->name }} <span class="font-normal text-slate-500">· {{ ucfirst($user->role) }}{{ $user->seller_type ? ' ('.$user->seller_type.')' : '' }} · {{ $user->country }}</span></p>
                <p class="text-xs text-slate-500">{{ $user->email }} · registered {{ $user->created_at->format('d M Y') }}</p>
            </div>
            <span class="rounded-full px-2 py-0.5 text-xs font-semibold {{ $user->kyc_documents_count >= $needed ? 'bg-emerald-100 text-emerald-800' : 'bg-amber-100 text-amber-800' }}">
                {{ $user->kyc_documents_count }} uploaded / {{ $needed }} required
            </span>
        </a>
    @empty
        <p class="rounded-lg border border-dashed border-slate-300 bg-white p-8 text-center text-sm text-slate-500">Nothing in this queue.</p>
    @endforelse
</div>
<div class="mt-4">{{ $users->links() }}</div>
@endsection