@props(['document', 'label' => null, 'showDriver' => false])
{{-- One KYC document with preview and approve / reject actions. --}}
@php($doc = $document)
<div class="flex flex-col rounded-xl border border-gray-200 dark:border-gray-800">
    <div class="flex items-start justify-between gap-2 border-b border-gray-200 px-4 py-3 dark:border-gray-800">
        <div class="min-w-0">
            <p class="truncate font-medium">{{ $label ?? __($doc?->document_type->label() ?? '') }}</p>
            @if ($doc && $showDriver)
                <a href="{{ route('admin.drivers.show', $doc->driver_id) }}" class="truncate text-xs text-brand-600 hover:underline dark:text-brand-400">{{ $doc->driver->user->name ?? __('Unnamed driver') }}</a>
            @endif
        </div>
        @if ($doc)
            <x-admin.status :value="$doc->isExpired() ? 'expired' : $doc->status" />
        @else
            <x-admin.status value="missing" />
        @endif
    </div>

    @if ($doc)
        <div class="grid grid-cols-2 gap-2 p-3">
            @foreach (array_filter(['front' => $doc->file_front, 'back' => $doc->file_back]) as $side => $path)
                @php($url = private_file_url($path))
                <a href="{{ $url }}" target="_blank" rel="noopener" class="group relative block aspect-[4/3] overflow-hidden rounded-lg bg-gray-100 dark:bg-gray-800">
                    @if (str_ends_with(strtolower($path), '.pdf'))
                        <span class="flex h-full flex-col items-center justify-center gap-1 text-gray-500"><x-heroicon-o-document-text class="size-8" /><span class="text-xs">PDF</span></span>
                    @else
                        <img src="{{ $url }}" alt="{{ $side }}" class="h-full w-full object-cover transition group-hover:scale-105" loading="lazy">
                    @endif
                    <span class="absolute start-1.5 top-1.5 rounded bg-black/60 px-1.5 py-0.5 text-[10px] font-medium text-white uppercase">{{ __($side) }}</span>
                </a>
            @endforeach
        </div>

        <dl class="grid grid-cols-2 gap-x-3 gap-y-1 px-4 pb-3 text-xs">
            @if ($doc->document_number)
                <dt class="text-gray-500">{{ __('Number') }}</dt><dd class="truncate font-medium">{{ $doc->document_number }}</dd>
            @endif
            @if ($doc->expires_at)
                <dt class="text-gray-500">{{ __('Expires') }}</dt>
                <dd @class(['font-medium', 'text-red-600' => $doc->isExpired()])>{{ $doc->expires_at->toFormattedDateString() }}</dd>
            @endif
            <dt class="text-gray-500">{{ __('Uploaded') }}</dt><dd>{{ $doc->created_at->diffForHumans() }}</dd>
            @if ($doc->reviewed_at)
                <dt class="text-gray-500">{{ __('Reviewed') }}</dt><dd class="truncate">{{ $doc->reviewer?->name }} · {{ $doc->reviewed_at->diffForHumans() }}</dd>
            @endif
        </dl>

        @if ($doc->rejection_reason && $doc->status->value === 'rejected')
            <p class="mx-4 mb-3 rounded-lg bg-red-50 px-3 py-2 text-xs text-red-700 dark:bg-red-500/10 dark:text-red-300">{{ $doc->rejection_reason }}</p>
        @endif

        @can('documents.approve')
            @if ($doc->status->value !== 'approved' || $doc->isExpired())
                <div class="mt-auto flex gap-2 border-t border-gray-200 p-3 dark:border-gray-800">
                    @unless ($doc->isExpired())
                        <form method="POST" action="{{ route('admin.documents.approve', $doc) }}" class="flex-1">
                            @csrf
                            <x-admin.button type="submit" variant="success" size="sm" icon="check" class="w-full">{{ __('Approve') }}</x-admin.button>
                        </form>
                    @endunless
                    @if ($doc->status->value !== 'rejected')
                        <x-admin.button variant="secondary" size="sm" icon="x-mark" class="flex-1" @click="$dispatch('open-modal', 'reject-doc-{{ $doc->id }}')">{{ __('Reject') }}</x-admin.button>
                    @endif
                </div>
                <x-admin.reject-modal :name="'reject-doc-'.$doc->id" :title="__('Reject :document', ['document' => __($doc->document_type->label())])"
                                      :action="route('admin.documents.reject', $doc)" :hint="__('The driver is notified and asked to upload it again.')" />
            @endif
        @endcan
    @else
        <x-admin.empty :message="__('Not uploaded yet')" icon="arrow-up-tray" />
    @endif
</div>