{{-- Filas de la lista de fletes (kit ui-ctc). Las pinta la vista y las devuelve CostosFletesController@tblFletes
     después de crear o eliminar (la vista las reemplaza en el <tbody>). Eliminar va por data-eliminar (delegado en el tbody). --}}
@forelse ($fletes as $flete)
    <tr>
        <td class="font-medium">{!! optional($flete->transportador)->razon_social ? e($flete->transportador->razon_social) : '<span class="text-[var(--texto-tenue)]">—</span>' !!}</td>
        <td>{!! optional($flete->tipo)->descripcion ? e($flete->tipo->descripcion) : '<span class="text-[var(--texto-tenue)]">—</span>' !!}</td>
        <td class="text-right tabular-nums">${{ number_format($flete->valor, 2) }}</td>
        <td class="w-[1%] whitespace-nowrap !px-2">
            <div class="flex items-center justify-end">
                <button type="button" id="{{ $flete->id }}-flete" data-eliminar="{{ $flete->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 la configuración de flete" aria-label="Eliminar la configuración de flete"><x-icono nombre="trash" sprite class="h-[18px] w-[18px]" /></button>
            </div>
        </td>
    </tr>
@empty
    <tr data-sin-hover><td colspan="4" class="!p-0"><div class="ctc-vacio py-10 text-center text-[14px] text-[var(--texto-suave)]">No hay configuraciones de flete.</div></td></tr>
@endforelse