{{-- Integración Ternium · PDF de declaración de importación: documentos tipo 24 del DO (documentos_aws), los pinta
     ExPOController@integracion_data_dec_impo_pdf (AJAX) dentro del formulario POST /ws/encodeBase64 de la vista.
     Kit ui-ctc (MigracionLayout.MD L3). El formulario conserva los campos y el orden de antes, por fila:
     embarque, URL, pedido, numdo, opcion (=enviarTernium), archivo{n}; "Enviar" es el botón que lo envía.
     Parámetros: $data (documentos), $ws (casillas de la declaración), $pedidoImpo, $numdo. --}}
<div class="ctc-tabla-caja">
    <table class="ctc-tabla">
        <thead>
            <tr>
                <th class="text-right">No.</th>
                <th>Información</th>
                <th>No. aceptación</th>
                <th>Levantes</th>
                <th>Sticker y fecha</th>
                <th>No. embarque</th>
                <th>Modo y fecha</th>
                <th><span class="sr-only">Abrir</span></th>
                <th>Archivo</th>
                <th><span class="sr-only">Enviar</span></th>
            </tr>
        </thead>
        <tbody>
            @forelse ($data as $d)
                <tr class="align-top">
                    <td class="text-right tabular-nums">{{ $loop->iteration }}</td>
                    <td class="whitespace-nowrap">Pedido No.<br><span class="font-semibold text-rose-600 dark:text-rose-400">{{ $pedidoImpo }}</span></td>
                    <td class="whitespace-nowrap tabular-nums">@foreach ($ws as $w){{ $w->C132_NO_ACEPTACION_DECLARACION }}<br>@endforeach</td>
                    <td class="whitespace-nowrap tabular-nums">@foreach ($ws as $w){{ $w->C134_NUMERO_LEVANTE }}<br>@endforeach</td>
                    <td class="whitespace-nowrap tabular-nums">@foreach ($ws as $w){{ $w->C996_NUMERO_STICKER }} <span class="ml-2 font-semibold">{{ $w->C996_FECHA_STICKER }}</span><br>@endforeach</td>
                    <td class="min-w-[10rem]"><x-input name="embarque" /></td>
                    <td class="whitespace-nowrap"><span class="font-semibold">{{ $d->modo }}</span><br>{{ $d->fecha_registro }}</td>
                    <td>
                        <button type="button" onclick="verDocumento({{ \Illuminate\Support\Js::from($d->ruta) }})" class="ctc-accion" aria-label="Abrir documento" title="Abrir documento">
                            <x-icono nombre="document-text" class="h-[18px] w-[18px]" />
                        </button>
                    </td>
                    <td class="min-w-[14rem]">
                        <input type="hidden" name="URL"    value="{{ $d->ruta }}">
                        <input type="hidden" name="pedido" value="{{ $pedidoImpo }}">
                        <input type="hidden" name="numdo"  value="{{ $numdo }}">
                        <input type="hidden" name="opcion" value="enviarTernium">
                        <input name="archivo{{ $loop->iteration }}" type="file" class="block w-full text-[12px] text-[var(--texto-suave)] file:mr-2 file:rounded-md file:border-0 file:bg-[var(--superficie-2)] file:px-2 file:py-1 file:text-[12px] file:font-semibold file:text-[var(--texto)]">
                    </td>
                    <td>
                        {{-- Sin type: envía el formulario, como antes. --}}
                        <x-button type="submit" onclick="enviarDocumento({{ \Illuminate\Support\Js::from($d->ruta) }})" class="!h-8 !px-3">
                            <x-icono nombre="paper-airplane" /> Enviar
                        </x-button>
                    </td>
                </tr>
            @empty
                <tr data-sin-hover><td colspan="10" class="!p-0">
                    <div class="ctc-vacio py-12 text-center text-[14px] text-[var(--texto-suave)]">
                        <x-icono nombre="magnifying-glass" class="mx-auto h-7 w-7 text-[var(--texto-tenue)]" />
                        <p class="mt-2">No hay información para mostrar con estos filtros.</p>
                    </div>
                </td></tr>
            @endforelse
        </tbody>
    </table>
</div>