{{-- Asignaciones de transporte de carga suelta o granel de un contenedor (Gestión Programación de Arribos). --}}
@forelse ($asignacion as $as)
    <tr>
        <td>{{ optional($as->transportador)->razon_social }}</td>
        <td class="text-right tabular-nums">{{ $as->cantidad }}</td>
        <td class="w-[1%] whitespace-nowrap !px-2">
            <button type="button" id="eliminar-{{ $as->id }}" data-accion="eliminar-granel" data-granel="{{ $as->id }}"
                    class="ctc-accion hover:!bg-rose-50 hover:!text-rose-700 dark:hover:!bg-rose-500/10 dark:hover:!text-rose-300" title="Eliminar" aria-label="Eliminar">
                <x-icono nombre="trash" class="h-[18px] w-[18px]" />
            </button>
        </td>
    </tr>
@empty
    <tr data-sin-hover><td colspan="3" class="!p-0"><div class="ctc-vacio py-6 text-center text-[13px] text-[var(--texto-suave)]">Sin asignaciones.</div></td></tr>
@endforelse