@if($document->versions->isNotEmpty())
<div class="card p-6">
    <div class="mb-4 flex items-center justify-between">
        <p class="section-label">Version History</p>
        <span class="rounded-full bg-surface-100 px-2.5 py-0.5 text-xs font-bold text-surface-600">{{ $document->versions->count() }} previous</span>
    </div>
    <div class="space-y-3">
        @foreach($document->versions as $ver)
            <div class="rounded-xl border border-surface-100 bg-surface-50 p-3.5">
                <div class="flex items-start justify-between gap-3">
                    <div class="flex items-center gap-2">
                        <span class="font-mono text-sm font-bold text-surface-700">v{{ $ver->version }}</span>
                        <span class="rounded-full bg-surface-200 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide text-surface-500">Amended</span>
                    </div>
                    <div class="flex shrink-0 items-center gap-1.5">
                        @if($ver->change_request_path)
                            <a href="{{ route('admin.documents.versions.download-crf', $ver) }}"
                               class="inline-flex items-center gap-1 rounded-lg bg-indigo-50 px-2.5 py-1 text-xs font-semibold text-indigo-700 hover:bg-indigo-100"
                               title="Download Change Request Form">
                                <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"/>
                                </svg>
                                CRF
                            </a>
                        @endif
                    </div>
                </div>
                <div class="mt-2 grid grid-cols-2 gap-x-4 gap-y-1 text-xs text-surface-500 sm:grid-cols-3">
                    <span><span class="font-semibold text-surface-600">File:</span> {{ $ver->file_name ?? '-' }}</span>
                    <span><span class="font-semibold text-surface-600">Size:</span> {{ $ver->file_size_formatted }}</span>
                    <span><span class="font-semibold text-surface-600">Superseded:</span> {{ $ver->superseded_at->format('d M Y') }}</span>
                    <span class="col-span-full sm:col-span-2"><span class="font-semibold text-surface-600">By:</span> {{ $ver->supersededBy?->full_name ?? '-' }}</span>
                </div>
                @if($ver->change_notes)
                    <p class="mt-2 rounded-lg bg-white px-3 py-2 text-xs italic text-surface-500">{{ $ver->change_notes }}</p>
                @endif
            </div>
        @endforeach
    </div>
</div>
@endif