{{-- Unidades de carga de un DO de importación (respuesta de /detalle-importacion, kit ui-ctc). --}}
@php
    $th = 'whitespace-nowrap px-2.5 py-2 text-left text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--texto-tenue)]';
    $td = 'whitespace-nowrap px-2.5 py-2.5 text-[13px] text-[var(--texto)]';
@endphp
<div class="overflow-x-auto px-5 pb-3.5 pt-2">
    <table class="min-w-full">
        <thead>
            <tr class="border-b border-[var(--borde)]">
                <th class="{{ $th }}">#</th>
                <th class="{{ $th }}">Unidad</th>
                <th class="{{ $th }}">Tipo</th>
                <th class="{{ $th }}">Tamaño</th>
                <th class="{{ $th }}">Precinto</th>
                <th class="{{ $th }} text-right">Peso bruto</th>
                <th class="{{ $th }} text-right">Bultos</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($unidades as $uc)
                <tr class="border-b border-[var(--borde)] last:border-0">
                    <td class="{{ $td }} text-[var(--texto-tenue)]">{{ $loop->iteration }}</td>
                    <td class="{{ $td }} font-semibold">{{ $uc['NUMERO_ID_CONTENEDOR'] }}</td>
                    <td class="{{ $td }}">{{ $uc['TIPO_CARGA'] }}</td>
                    <td class="{{ $td }}">{{ $uc['TAMANO'] }}</td>
                    <td class="{{ $td }}">{{ $uc['NUMERO_PRECINTO'] }}</td>
                    <td class="{{ $td }} text-right tabular-nums">{{ number_format((float) $uc['PESO_BRUTO'], 2) }}</td>
                    <td class="{{ $td }} text-right tabular-nums">{{ number_format((float) $uc['NUMERO_BULTOS'], 2) }}</td>
                </tr>
            @empty
                <tr><td colspan="7" class="px-2.5 py-6 text-center text-[13px] text-[var(--texto-tenue)]">Sin unidades de carga registradas.</td></tr>
            @endforelse
        </tbody>
    </table>
</div>