@if($document->file_path)
    <div class="card p-6">
        <p class="section-label mb-4">Attached File</p>
        <div class="mb-4 rounded-xl border border-surface-100 bg-surface-50 p-4">
            <div class="flex items-center gap-3">
                <div class="flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-blue-50 text-blue-600">
                    <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.75"
                         stroke-linecap="round" stroke-linejoin="round">
                        <path 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 class="min-w-0">
                    <p class="truncate text-sm font-semibold text-surface-900">{{ $document->file_name }}</p>
                    <p class="mt-0.5 text-xs text-surface-400">
                        {{ $document->file_size_formatted }} &middot; {{ strtoupper(pathinfo($document->file_name, PATHINFO_EXTENSION)) }}
                    </p>
                </div>
            </div>
        </div>
        <a href="{{ route('admin.documents.download', $document) }}" target="_blank" rel="noopener" class="btn-primary w-full justify-center">
            <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"/>
            </svg>
            Download File
        </a>
    </div>
@else
    <div class="card p-6 text-center">
        <div class="mx-auto mb-3 flex h-11 w-11 items-center justify-center rounded-2xl bg-surface-100 text-surface-400">
            <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"
                 stroke-linecap="round" stroke-linejoin="round">
                <path d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-8l-4-4m0 0L8 8m4-4v12"/>
            </svg>
        </div>
        <p class="text-sm font-semibold text-surface-400">No file attached</p>
        @can('edit-documents')
            <a href="{{ route('admin.documents.edit', $document) }}"
               class="mt-2.5 inline-block text-xs font-semibold text-primary-600 hover:text-primary-700">
                Upload file
            </a>
        @endcan
    </div>
@endif