{{-- Reporte ISF: resultado de la búsqueda (POST /orden/buscar). Kit ui-ctc (MigracionLayout.MD, L3). Mismo contenido
     que antes (partes I a III del formato ISF-10 y las presentaciones de cada contenedor) y el enlace al PDF
     (/orden/imprimir/{id}). Las tablas son el formato, no listas: van con bordes y sin cabecera fija. --}}
@php
    $celda = 'border border-[var(--borde-fuerte)] px-3 py-2 align-top';
@endphp
<x-app-layout titulo="Reporte ISF">
    <x-pagina>
        <x-encabezado-pagina ruta="Exportaciones · Operaciones" :titulo="'Orden de cargue ' . $orden->po">
            <x-slot name="acciones">
                <x-enlace-boton href="{{ url('/orden') }}"><x-icono nombre="magnifying-glass" class="h-4 w-4" /> Buscar otra</x-enlace-boton>
                <x-enlace-boton variante="primario" href="{{ route('ordencargue.imprimir', $orden->id) }}"><x-icono nombre="arrow-down-tray" class="h-4 w-4" /> Imprimir en PDF</x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>

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

        <x-tarjeta class="max-w-5xl">
            <div class="space-y-5 overflow-x-auto text-[13px] text-[var(--texto)]">
                <table class="w-full border-collapse">
                    <tbody>
                        <tr><th colspan="4" class="{{ $celda }} bg-[var(--superficie-2)] py-5 text-center text-[17px] font-bold">Declaration for the IMPORTER SECURITY FILING (ISF - 10)</th></tr>
                        <tr><td colspan="4" class="{{ $celda }} font-bold">PART I - SHIPMENT DETAIL</td></tr>
                        <tr><td class="{{ $celda }} w-64 font-semibold">CONSIGNEE PO#</td><td colspan="3" class="{{ $celda }}">{{ $orden->consegnee }}</td></tr>
                        <tr><td class="{{ $celda }} font-semibold">HBL#</td><td colspan="3" class="{{ $celda }}">{{ $orden->hbl }}</td></tr>
                        <tr><td class="{{ $celda }} font-semibold">SCAC Code (as per HBL)</td><td colspan="3" class="{{ $celda }}">{{ $orden->code }}</td></tr>
                        <tr><td class="{{ $celda }} font-semibold">MBL#</td><td colspan="3" class="{{ $celda }}">{{ $orden->mbl }}</td></tr>
                        <tr><td class="{{ $celda }} font-semibold">ETD:</td><td colspan="3" class="{{ $celda }} whitespace-nowrap">{{ $orden->ETD }}</td></tr>
                    </tbody>
                </table>

                <table class="w-full border-collapse">
                    <tbody>
                        <tr><td colspan="4" class="{{ $celda }} font-bold">PART II - SUPPLY CHAIN PARTIES</td></tr>
                        <tr>
                            <td class="{{ $celda }} w-1/2 font-semibold">1. SELLER'S NAME &amp; ADDRESS</td>
                            <td colspan="3" class="{{ $celda }} font-semibold">2. SHIP TO NAME &amp; ADDRESS</td>
                        </tr>
                        <tr>
                            <td class="{{ $celda }} font-semibold">ADAMA ANDINA B.V. SUCURSAL COLOMBIA CALLE 1 C No. 7-53 INTERIOR ZONA FRANCA BARRANQUILLA,COLOMBIA</td>
                            <td colspan="3" class="{{ $celda }} h-40">{{ $orden->SHIP }}</td>
                        </tr>
                        <tr>
                            <td class="{{ $celda }} font-semibold">3. BUYER'S NAME &amp; ADDRESS</td>
                            <td colspan="3" class="{{ $celda }} font-semibold">4. MANUFACTURER (SUPPLIER) NAME &amp; ADDRESS</td>
                        </tr>
                        <tr>
                            <td rowspan="2" class="{{ $celda }}">{{ $orden->SHIP }}</td>
                            <td colspan="3" class="{{ $celda }}">___X___ Mark X if same as Seller ____Mark X for multiple mfr</td>
                        </tr>
                        <tr><td colspan="3" class="{{ $celda }} h-32"></td></tr>
                        <tr>
                            <td class="{{ $celda }}">5. CONTAINER STUFFING LOCATION NAME &amp; ADDRESS</td>
                            <td colspan="3" class="{{ $celda }}">6. CONSOLIDATOR NAME &amp; ADDRESS</td>
                        </tr>
                        <tr>
                            <td class="{{ $celda }}">____________X___________Mark X if same as Seller</td>
                            <td colspan="3" class="{{ $celda }}">_____X____ Mark X if same as Seller</td>
                        </tr>
                        <tr><td class="{{ $celda }} h-32"></td><td colspan="3" class="{{ $celda }}"></td></tr>
                    </tbody>
                </table>

                <table class="w-full border-collapse">
                    <tbody>
                        <tr><td colspan="4" class="{{ $celda }} font-bold">7. IMPORTER OF RECORD NUMBER:</td></tr>
                        <tr><td colspan="4" class="{{ $celda }} font-bold">PART III - INVOICE INFORMATION:</td></tr>
                        <tr>
                            <td class="{{ $celda }} w-1/5 font-semibold">9. C/O(Country of Origin)</td>
                            <td class="{{ $celda }} w-1/5 font-semibold">ITEM DESCRIPTION</td>
                            <td class="{{ $celda }} w-1/5 font-semibold">10. USA HTS TARIFF CODE (If you don't know, pls check http://dataweb.usitc.gov/scripts/tariff_current.asp)</td>
                            <td class="{{ $celda }} font-semibold">QUANTITY (KG/Litres)</td>
                        </tr>
                        <tr>
                            <td class="{{ $celda }}"></td><td class="{{ $celda }}"></td><td class="{{ $celda }}"></td>
                            <td class="{{ $celda }}">{{ $orden->TIPO_CARGA }}</td>
                        </tr>
                        <tr>
                            <td class="{{ $celda }} font-semibold">COLOMBIA</td>
                            <td class="{{ $celda }}">{{ $orden->MATERIAL }}</td>
                            <td class="{{ $celda }}">{{ $orden->SUBPARTIDA }}</td>
                            <td class="{{ $celda }}"></td>
                        </tr>
                    </tbody>
                </table>

                @if (count($data))
                    <table class="w-full border-collapse">
                        <tbody>
                            @foreach ($data as $clave => $valor)
                                <tr>
                                    <td class="{{ $celda }} w-1/5"></td><td class="{{ $celda }} w-1/5"></td><td class="{{ $celda }} w-1/5"></td>
                                    <td class="{{ $celda }}">{{ $valor->TIPO_CARGA }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                @endif
            </div>
        </x-tarjeta>
    </x-pagina>
</x-app-layout>