{{-- Órdenes de servicio de Gestión Programación de Arribos: pendientes de notificar ($activas) o históricas. Las pinta la
     vista al cargar y el controlador (tablaOrdenesServicioActivas/Historicas) tras crear, asignar o cerrar. Los botones
     conservan los id de antes ({id}-orden, {id}, {id}-notivalor, {id}-cerrar, {id}-estado-notify). --}}
@forelse ($ordenes as $orden)
    <tr>
        <td class="font-mono">{{ $orden->numero_orden }}</td>
        <td>{{ optional($orden->transportador)->razon_social }}</td>
        <td><x-etiqueta :variante="count($orden->contenedores) > 0 ? 'exito' : 'peligro'">{{ count($orden->contenedores) }} CONTENEDORES</x-etiqueta></td>
        <td id="{{ $activas ? $orden->id . '-estado-notify' : '' }}">
            <x-etiqueta :variante="$orden->estado_notificacion == 1 ? 'info' : 'aviso'">{{ $orden->estado_notificacion == 1 ? 'ENVIADA AL TRANSPORTADOR' : 'ABIERTA PARA ASIGNACIÓN DE PEDIDOS' }}</x-etiqueta>
        </td>
        @if ($activas)
            <td class="whitespace-nowrap">
                @if (count($orden->contenedores) > 0)
                    <div class="flex flex-wrap gap-1.5">
                        <x-secondary-button class="!h-8 !px-3" id="{{ $orden->id }}-orden" data-accion="lugar-entrega" data-orden="{{ $orden->id }}" :disabled="$orden->estado_notificacion != 0"><x-icono nombre="map-pin" class="h-4 w-4" /> 1. Asignar lugar de entrega</x-secondary-button>
                        <x-secondary-button class="!h-8 !px-3" id="{{ $orden->id }}" data-accion="notificar-os" data-orden="{{ $orden->id }}" data-privada="0" :disabled="$orden->estado_notificacion == 1"><x-icono nombre="envelope" class="h-4 w-4" /> 2. Notificar transportador</x-secondary-button>
                        <x-secondary-button class="!h-8 !px-3" id="{{ $orden->id }}-notivalor" data-accion="notificar-os" data-orden="{{ $orden->id }}" data-privada="1" :disabled="$orden->estado_notificacion != 1"><x-icono nombre="shield-check" class="h-4 w-4" /> 3. Notificar valor de la carga</x-secondary-button>
                        <x-secondary-button class="!h-8 !px-3" id="{{ $orden->id }}-cerrar" data-accion="cerrar-os" data-orden="{{ $orden->id }}" :disabled="$orden->estado_notificacion != 1"><x-icono nombre="clock" class="h-4 w-4" /> 4. Pasar a histórico</x-secondary-button>
                    </div>
                @endif
            </td>
        @endif
    </tr>
@empty
    <tr data-sin-hover><td colspan="{{ $activas ? 5 : 4 }}" class="!p-0"><div class="ctc-vacio py-10 text-center text-[14px] text-[var(--texto-suave)]">No hay órdenes de servicio.</div></td></tr>
@endforelse