{{--
    @param  SpeakingNoteAttachment  $attachment
    @param  string                  $downloadRoute  — named route for download
    @param  array                   $downloadParams — route params
    @param  bool                    $canDelete      — show delete button?
    @param  string|null             $deleteRoute    — named route for delete (if $canDelete)
    @param  array                   $deleteParams   — route params for delete
--}}
@php
    $iconMeta = match($attachment->file_type) {
        'pdf'   => ['bg' => 'bg-red-100',    'text' => 'text-red-600',    'label' => 'PDF'],
        'word'  => ['bg' => 'bg-blue-100',   'text' => 'text-blue-600',   'label' => 'DOC'],
        'excel' => ['bg' => 'bg-green-100',  'text' => 'text-green-600',  'label' => 'XLS'],
        'image' => ['bg' => 'bg-purple-100', 'text' => 'text-purple-600', 'label' => 'IMG'],
        default => ['bg' => 'bg-gray-100',   'text' => 'text-gray-500',   'label' => strtoupper($attachment->extension)],
    };
@endphp

<div class="flex items-center gap-3 p-3 rounded-lg border border-gray-100 hover:bg-gray-50 transition-colors group">

    {{-- Icon --}}
    <div class="w-10 h-10 shrink-0 rounded-lg {{ $iconMeta['bg'] }} flex items-center justify-center">
        <span class="text-[10px] font-bold {{ $iconMeta['text'] }}">{{ $iconMeta['label'] }}</span>
    </div>

    {{-- Name + meta --}}
    <div class="flex-1 min-w-0">
        <p class="text-sm font-medium text-gray-800 truncate">{{ $attachment->original_filename }}</p>
        <p class="text-xs text-gray-400">
            {{ $attachment->formatted_size }}
            @if($attachment->uploadedBy ?? null)
                · {{ $attachment->uploadedBy->name }}
            @endif
            · {{ $attachment->created_at->format('d M Y') }}
        </p>
    </div>

    {{-- Download --}}
    <a href="{{ route($downloadRoute, $downloadParams) }}"
       class="shrink-0 px-3 py-1.5 text-xs text-blue-600 border border-blue-200 rounded-lg hover:bg-blue-50 transition-colors"
       title="Download">
        <svg class="w-3.5 h-3.5 inline -mt-0.5 mr-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
            <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
    </a>

    {{-- Delete (admin/supervisor only) --}}
    @if($canDelete ?? false)
    <form method="POST" action="{{ route($deleteRoute, $deleteParams) }}"
          onsubmit="return confirm('Remove this attachment?')"
          class="shrink-0">
        @csrf @method('DELETE')
        <button type="submit"
                class="p-1.5 text-gray-300 hover:text-red-500 transition-colors rounded"
                title="Remove">
            <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                      d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"/>
            </svg>
        </button>
    </form>
    @endif
</div>