{{--
    Reusable certificate details table for server-side rendered verification results.
    Variables: $certData (array with keys: certificate_number, holder_name, course_name, issue_date, status)
--}}
@if(!empty($certData))
<div class="space-y-2 text-sm">
    <div class="flex justify-between py-2 border-b border-gray-100">
        <span class="text-gray-500 text-xs">Certificate Number</span>
        <span class="font-mono font-bold text-gray-800 text-xs">{{ $certData['certificate_number'] ?? '—' }}</span>
    </div>
    <div class="flex justify-between py-2 border-b border-gray-100">
        <span class="text-gray-500 text-xs">Holder</span>
        <span class="font-semibold text-gray-800 text-xs">{{ $certData['holder_name'] ?? '—' }}</span>
    </div>
    <div class="flex justify-between py-2 border-b border-gray-100">
        <span class="text-gray-500 text-xs">Course</span>
        <span class="font-semibold text-gray-800 text-xs text-right max-w-[200px]">{{ $certData['course_name'] ?? '—' }}</span>
    </div>
    <div class="flex justify-between py-2">
        <span class="text-gray-500 text-xs">Issue Date</span>
        <span class="font-medium text-gray-700 text-xs">{{ $certData['issue_date'] ?? '—' }}</span>
    </div>
</div>
@endif
