{{-- Filas de Gestión Programación de Arribos (visibilidad). Las pinta ProgramacionArribosV2Controller::tablaProgramacionArribosCTC
     al cargar y al crear una orden de servicio (fetch). Los botones llevan data-accion: los atiende el x-data de
     Po/programacion-arribos (antes onclick con la orden de compra sin comillas, que fallaba con valores alfanuméricos). --}}
@php $vacio = '<span class="text-[var(--texto-tenue)]">—</span>'; @endphp
@forelse ($arribos as $arribo)
    <tr data-fila-arribo data-oc="{{ $arribo->ORDEN_COMPRA }}" data-agencia="{{ $arribo->AGENCIA }}" data-transportador="{{ $arribo->ASIGNACION }}">
        <td class="whitespace-nowrap" id="os-{{ $arribo->ID_PO }}">
            @if ($arribo->OS_ASIGNADA)
                @include('Po._arribos-os-asignada', ['numero' => $arribo->OS_ASIGNADA])
            @elseif ($arribo->ID_ORDEN_SERVICIO != '')
                @include('Po._arribos-boton-os', ['idPedido' => $arribo->ID_PO, 'idOrden' => $arribo->ID_ORDEN_SERVICIO, 'numero' => $arribo->NUM_ORDEN_SERVICIO])
            @else
                {!! $vacio !!}
            @endif
        </td>
        <td>
            <div class="flex flex-wrap gap-1">
                @foreach (array_filter((array) $arribo->ESPEJO_REAL, "strlen") as $material)
                    <x-etiqueta variante="info">{{ $material }}</x-etiqueta>
                @endforeach
            </div>
        </td>
        <td class="font-medium">{{ $arribo->ORDEN_COMPRA }}</td>
        @if ($conAgencia)
            <td>{{ $arribo->AGENCIA }}</td>
        @endif
        <td>{{ $arribo->PROVEEDOR }}</td>
        <td>{{ $arribo->DESCRIPCION_FACTURA }}</td>
        <td>{{ $arribo->PUERTO_DE_LLEGADA }}</td>
        <td>{{ $arribo->LINEA_NAVIERA }}</td>
        <td>@if ($arribo->TIPO_CARGA != '')<x-etiqueta variante="neutro">{{ $arribo->TIPO_CARGA }}</x-etiqueta>@else{!! $vacio !!}@endif</td>
        <td class="whitespace-nowrap text-right tabular-nums">
            {{ $arribo->CANTIDAD_CONTENEDORES_CTC }}
            @if ($arribo->CANTIDAD_CONTENEDORES_CTC != $arribo->CANTIDAD_CONTENEDORES)
                <span class="ml-1 inline-flex align-middle text-red-600 dark:text-red-400" title="Validar información con WSimex {{ $arribo->CANTIDAD_CONTENEDORES }} contenedores">
                    <x-icono nombre="exclamation-circle" variante="m" class="h-4 w-4" /><span class="sr-only">Validar información con WSimex {{ $arribo->CANTIDAD_CONTENEDORES }} contenedores</span>
                </span>
            @endif
        </td>
        <td>{{ $arribo->TIPO_CONTENEDOR }}</td>
        <td class="text-right tabular-nums">{{ $arribo->PESO_BRUTO_OC }}</td>
        <td class="text-right tabular-nums">{{ $arribo->BULTOS_OC }}</td>
        <td class="whitespace-nowrap">{{ $arribo->ETA }}</td>
        <td class="whitespace-nowrap"><x-etiqueta :variante="$arribo->DIAS_RESTANTES <= 0 ? 'exito' : 'peligro'">{{ $arribo->DIAS_RESTANTES }} DÍAS</x-etiqueta></td>
        <td id="cl-{{ $arribo->ID_PO }}">{{ $arribo->ASIGNACION }}</td>
        <td class="whitespace-nowrap">
            <div class="flex flex-wrap gap-1.5">
                <x-secondary-button class="!h-8 !px-3" data-accion="asignar-transporte" data-pedido="{{ $arribo->ID_PO }}" data-oc="{{ $arribo->ORDEN_COMPRA }}" data-tipo="{{ $arribo->ID_TIPO_CARGA }}"
                                    :disabled="$arribo->CANTIDAD_CONTENEDORES_CTC == '0'"><x-icono nombre="truck" class="h-4 w-4" /> Asignar transportador</x-secondary-button>
                @if ($arribo->ID_TIPO_CARGA != 2)
                    <x-secondary-button class="!h-8 !px-3" data-accion="notificar-carga-suelta" data-pedido="{{ $arribo->ID_PO }}" data-oc="{{ $arribo->ORDEN_COMPRA }}" data-tipo="{{ $arribo->ID_TIPO_CARGA }}"
                                        :disabled="$arribo->CANTIDAD_CONTENEDORES_CTC == '0'"><x-icono nombre="envelope" class="h-4 w-4" /> Notificar transportador</x-secondary-button>
                @endif
            </div>
        </td>
    </tr>
@empty
    <tr data-sin-hover><td colspan="{{ $conAgencia ? 17 : 16 }}" 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 pedidos pendientes de arribo.</p>
        </div>
    </td></tr>
@endforelse