{{-- Integración Ternium · Declaración de importación: tabla que devuelve ExPOController@integracion_data_dec_impo (AJAX).
     Kit ui-ctc (MigracionLayout.MD L3). Parámetro: $jsonData (una fila por colada). --}}
<div class="ctc-tabla-caja">
    <table class="ctc-tabla">
        <thead>
            <tr>
                <th class="text-right">No.</th>
                <th>Pedido importación</th>
                <th>Número DO</th>
                <th>Declaración</th>
                <th>Subpartida</th>
                <th>Colada</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($jsonData as $d)
                <tr>
                    <td class="text-right tabular-nums">{{ $loop->iteration }}</td>
                    <td class="whitespace-nowrap">{{ $d['pedidoImportacion'] }}</td>
                    <td class="whitespace-nowrap font-semibold">{{ $d['numeroDO'] }}</td>
                    <td class="whitespace-nowrap tabular-nums">{{ $d['numeroDeclaracion'] }}</td>
                    <td class="whitespace-nowrap">{{ $d['partidaArancelaria'] }}</td>
                    <td class="whitespace-nowrap tabular-nums">{{ $d['colada'] }}</td>
                </tr>
            @empty
                <tr data-sin-hover><td colspan="6" 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>