{{-- Documentos de demostración (rjdocumentos): se abre desde la tarjeta Documentos de la trazabilidad del grupo 2
     (demo de Asercol). Kit ui-ctc; mismo contenido fijo y los mismos PDF de public/doc. --}}
@php
    $documentosDemo = [
        ['Bill of Lading', 'SUDU68500A6NFULD', '2018-12-19', 'doc/docBL1.pdf'],
        ['Factura Comercial', '812816/2018', '2018-12-13', 'doc/docFacturaComercial1.pdf'],
        ['Formulario de Ingreso a Zona Franca', '1016705', '2019-01-09', 'doc/docFormIngresoZF1.pdf'],
        ['Certificados', 'DE ORIGEN', '2018-12-19', 'doc/docCertificados1.pdf'],
        ['Packing List', '812816/2018', '2018-12-14', 'doc/docPackingList1.pdf'],
        ['Pagos a Terceros', '1001487243', '2019-01-08', 'doc/docPagosTerceros1.pdf'],
    ];
@endphp
<x-app-layout titulo="Documentos">
    <x-pagina>
        <x-encabezado-pagina ruta="Importaciones · Orden de compra" titulo="Documentos"
                             descripcion="Archivos digitalizados del DO (demostración)." />

        @if (Session::has('success'))
            <x-alerta tipo="exito">{{ Session::get('success') }}</x-alerta>
        @endif

        <section class="min-w-0 overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)]">
            <div class="ctc-tabla-caja">
                <table class="ctc-tabla">
                    <thead>
                        <tr>
                            <th class="ctc-fija ctc-fija-ultima" style="left: 0">Ver</th>
                            <th>Documento</th>
                            <th>N° Documento</th>
                            <th>Fecha</th>
                            <th class="text-right">Página</th>
                            <th>Descripción</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($documentosDemo as [$nombre, $numero, $fecha, $archivo])
                            <tr>
                                <td class="ctc-fija ctc-fija-ultima !px-2" style="left: 0">
                                    <a href="{{ asset($archivo) }}" target="_blank" rel="noopener" class="ctc-accion" aria-label="Ver {{ $nombre }}" title="Ver">
                                        <x-icono nombre="document-text" class="h-[18px] w-[18px]" />
                                    </a>
                                </td>
                                <td>{{ $nombre }}</td>
                                <td class="whitespace-nowrap">{{ $numero }}</td>
                                <td class="whitespace-nowrap tabular-nums">{{ $fecha }}</td>
                                <td class="text-right tabular-nums">1</td>
                                <td><span class="text-[var(--texto-tenue)]">—</span></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </section>
    </x-pagina>
</x-app-layout>