@props(['document'])

<div class="flex items-center justify-between p-3 bg-gray-50 rounded-lg border border-gray-200">
    <div class="flex items-center gap-3">
        <div class="text-gray-400">
            <svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
            </svg>
        </div>
        <div>
            <p class="text-sm font-medium text-gray-900">{{ $document->document_type->label() }}</p>
            <p class="text-xs text-gray-500">{{ $document->original_filename }} &bull; {{ $document->formatted_size }}</p>
            <p class="text-xs text-gray-400">Uploaded {{ $document->created_at->diffForHumans() }}</p>
        </div>
    </div>
    <div class="flex items-center gap-2">
        @if($document->is_verified)
            <span class="inline-flex items-center px-2 py-0.5 rounded text-xs font-medium bg-green-100 text-green-800">
                Verified
            </span>
        @endif
    </div>
</div>