{{-- resources/views/filament/pages/documentos-modal.blade.php --}}
@php
    use Illuminate\Support\Facades\Storage;
@endphp

<style>
    .doc-container {
        padding: 16px;
    }

    .doc-empty {
        color: #6b7280;
        text-align: center;
        font-style: italic;
        margin: 12px 0;
    }

    .doc-table {
        width: 100%;
        border-collapse: collapse;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        overflow: hidden;
        font-size: 14px;
        color: #374151;
    }

    .doc-table thead {
        background-color: #f3f4f6;
        text-transform: uppercase;
        font-size: 12px;
        color: #374151;
    }

    .doc-table th,
    .doc-table td {
        padding: 10px 14px;
        text-align: left;
        border-bottom: 1px solid #e5e7eb;
    }

    .doc-table tr:nth-child(even) {
        background-color: #f9fafb;
    }

    .doc-table tr:hover {
        background-color: #f3f4f6;
    }

    .doc-link {
        display: inline-block;
        padding: 4px 10px;
        font-size: 13px;
        font-weight: 500;
        color: #2563eb;
        text-decoration: none;
        border: 1px solid #2563eb;
        border-radius: 6px;
        transition: all 0.2s ease;
    }

    .doc-link:hover {
        background-color: #2563eb;
        color: white;
    }

    .doc-muted {
        color: #9ca3af;
    }
</style>

<div wire:key="modal-documentos-{{ uniqid() }}" class="doc-container">
    @if ($documentos->isEmpty())
        <p class="doc-empty">No hay documentos registrados para este auditor.</p>
    @else
        <table class="doc-table">
            <thead>
                <tr>
                    <th>Nombre Documento</th>
                    <th>Tipo Solicitud</th>
                    <th>Fecha Subida</th>
                    <th style="text-align:center;">Archivo</th>
                    <th style="text-align:center;">Acción</th> {{-- Nueva columna --}}
                </tr>
            </thead>
            <tbody>

                @foreach ($documentos as $doc)
                    <tr>
                        <td>{{ $doc->nombreDocumento?->nombre_documento ?? 'Sin nombre' }}</td>
                        <td>{{ $doc->tipo_solicitud ?? '-' }}</td>
                        <td>{{ $doc->fecha_subida ? \Carbon\Carbon::parse($doc->fecha_subida)->format('Y-m-d H:i') : '-' }}
                        </td>
                        <td style="text-align:center;">
                            @if ($doc->url_archivo)
                                @php
                                    $path = ltrim($doc->url_archivo, '/');
                                    // Generar la URL pública hacia /storage/
                                    $url = url('storage/' . $path);
                                @endphp
                                <a href="{{ $url }}" target="_blank" class="doc-link">
                                    Ver / Descargar
                                </a>
                                {{ $doc->url_archivo }}
                            @else
                                <span class="doc-muted">-</span>
                            @endif
                        </td>
                        <td style="text-align:center;">
                            <button wire:click="deleteDocumento({{ $doc->id }})"
                                onclick="confirm('¿Eliminar este documento?') || event.stopImmediatePropagation()"
                                class="text-danger-600 hover:text-red-800 font-medium">
                                Borrar
                            </button>
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>