{{-- Reporte de transporte SEB (impo/reportes/transporte): una fila por unidad de carga, consultada por fecha de levante
     o por búsqueda. Kit ui-ctc (MigracionLayout.MD L3, pantallas de L2a). --}}
@php
    $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
    $texto = fn ($v) => ($v === null || $v === '' || $v === 'SIN INFO') ? $vacio : e($v);
    $siNo = fn ($v) => $v === 'SI' ? ['peligro', 'SÍ'] : ($v === 'NO' ? ['exito', 'NO'] : [null, null]);
@endphp
<div>
<x-pagina>
    <x-encabezado-pagina ruta="Importaciones · Reportes" titulo="Reporte de transporte">
        <x-slot name="acciones">
            <x-secondary-button wire:click="descargar" wire:loading.attr="disabled" wire:target="descargar" :disabled="$unidadesCarga->total() == 0">
                <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
                <span wire:loading.remove wire:target="descargar">Descargar</span>
                <span wire:loading wire:target="descargar">Generando…</span>
            </x-secondary-button>
        </x-slot>
    </x-encabezado-pagina>

    <x-barra-busqueda modelo="search" accion="consultarContenedores" placeholder="Buscar por N° DO, pedido, documento de transporte, importador o contenedor" :abierto="true">
        <x-slot name="filtros">
            <x-campo etiqueta="Fecha de levante inicial" para="fechaLevanteInicial">
                <x-input type="date" id="fechaLevanteInicial" wire:model="fechaLevanteInicial" />
                @error('fechaLevanteInicial')<p class="mt-1 text-[12px] text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
            </x-campo>
            <x-campo etiqueta="Fecha de levante final" para="fechaLevanteFinal">
                <x-input type="date" id="fechaLevanteFinal" wire:model="fechaLevanteFinal" />
                @error('fechaLevanteFinal')<p class="mt-1 text-[12px] text-red-600 dark:text-red-400">{{ $message }}</p>@enderror
            </x-campo>
        </x-slot>
        <x-slot name="ayuda">Indique el rango de fechas de levante, o busque sin fechas por DO, pedido, documento de transporte o contenedor.</x-slot>
    </x-barra-busqueda>

    @if ($caducado)
        <x-alerta tipo="aviso">El resultado ya no está disponible: consulte de nuevo.</x-alerta>
    @endif

    <section class="min-w-0 overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)]">
        <div class="flex items-center justify-between gap-3 border-b border-[var(--borde)] px-5 py-3 text-[12px] text-[var(--texto-suave)]">
            <span><b class="font-bold text-[var(--texto)]">{{ number_format($unidadesCarga->total(), 0, ',', '.') }}</b> unidades de carga</span>
            <span wire:loading.delay class="flex items-center gap-1.5 text-[var(--acento-texto)]" role="status"><x-icono nombre="arrow-path" class="h-4 w-4 animate-spin" /> Consultando…</span>
        </div>
        <div class="ctc-tabla-caja">
            <table class="ctc-tabla">
                <thead>
                    <tr>
                        <th class="ctc-fija ctc-fija-ultima" style="left: 0"># DO</th>
                        <th>Orden de compra</th>
                        <th>Doc. transporte</th>
                        <th>Contenedor</th>
                        <th>Producto</th>
                        <th>Tipo carga</th>
                        <th>Tamaño</th>
                        <th>Abastecedor</th>
                        <th>Origen</th>
                        <th>Transportador</th>
                        <th>Puerto</th>
                        <th>Planta</th>
                        <th>Mes</th>
                        <th>Semana</th>
                        <th><x-orden-columna etiqueta="ETA" :activo="$orderBy == 'importaciones.FECHA_ESTIMADA_ARRIBO'" :direccion="$orderType" wire:click="ordenarInfo('importaciones.FECHA_ESTIMADA_ARRIBO', '{{ $orderType }}')" /></th>
                        <th>Medio transporte</th>
                        <th>Analista cliente</th>
                        <th>Llegada mcía.</th>
                        <th>Descargue</th>
                        <th>Nacionalización</th>
                        <th>Eficiencia nacionalización</th>
                        <th class="!text-right">Días puerto</th>
                        <th class="!text-right">Días naviera</th>
                        <th>Máx. retiro</th>
                        <th>Entrega doc. transporte</th>
                        <th>Retiro puerto</th>
                        <th>Bodegajes</th>
                        <th>Máx. devolución</th>
                        <th>Devolución</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($unidadesCarga as $uc)
                        <tr>
                            <td class="ctc-fija ctc-fija-ultima whitespace-nowrap font-semibold" style="left: 0">{{ $uc['NUMERO_DO'] }}</td>
                            <td class="max-w-[200px] truncate" title="{{ $uc['NUMERO_PEDIDO'] }}">{!! $texto($uc['NUMERO_PEDIDO']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['BL']) !!}</td>
                            <td>@if ($uc['NUMERO_ID_CONTENEDOR'] !== 'N/A')<x-etiqueta class="font-mono">{{ $uc['NUMERO_ID_CONTENEDOR'] }}</x-etiqueta>@else<x-etiqueta variante="peligro">N/A</x-etiqueta>@endif</td>
                            <td class="min-w-[200px] text-[12.5px] leading-snug">{!! $texto($uc['PRODUCTO']) !!}</td>
                            <td>@if ($uc['TIPO_CARGA'])<x-etiqueta :variante="$uc['TIPO_CARGA'] == 'FCL' ? 'aviso' : 'info'">{{ $uc['TIPO_CARGA'] }}</x-etiqueta>@else{!! $vacio !!}@endif</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['TAMANO']) !!}</td>
                            <td class="min-w-[140px] text-[12.5px]">{!! $texto($uc['ABASTECEDOR']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['ORIGEN']) !!}</td>
                            <td class="min-w-[140px] text-[12.5px]">{!! $texto($uc['TRANSPORTADOR']) !!}</td>
                            <td>@if ($uc['PUERTO'])<x-etiqueta variante="acento" class="font-bold">{{ $uc['PUERTO'] }}</x-etiqueta>@else{!! $vacio !!}@endif</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['PLANTA']) !!}</td>
                            <td class="whitespace-nowrap capitalize">{!! $texto($uc['MES']) !!}</td>
                            <td class="text-right">{!! $texto($uc['SEMANA']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['FECHA_ESTIMADA_ARRIBO']) !!}</td>
                            <td>@if ($uc['MEDIO_TRANSPORTE'])<x-etiqueta>{{ $uc['MEDIO_TRANSPORTE'] }}</x-etiqueta>@else{!! $vacio !!}@endif</td>
                            <td class="min-w-[140px] text-[12.5px] text-[var(--texto-suave)]">{!! $texto($uc['ANALISTA']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['FECHA_LLEGADA_MCIA']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['FECHA_DESCARGUE']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['FECHA_NACIONALIZACION']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['EFICIENCIA_NACIONALIZACION']) !!}</td>
                            <td class="text-right">{{ $uc['DIAS_PUERTO'] }}</td>
                            <td class="text-right">{{ $uc['DIAS_NAVIERA'] }}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['FECHA_MAX_RETIRO']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['ENTREGA_DOCUMENTOS_TRANSPORTE']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['FECHA_RETIRO_PUERTO']) !!}</td>
                            <td>@php [$v, $t] = $siNo($uc['BODEGAJES']); @endphp @if ($v)<x-etiqueta :variante="$v">{{ $t }}</x-etiqueta>@else{!! $vacio !!}@endif</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['FECHA_MAX_DEVOLUCION']) !!}</td>
                            <td class="whitespace-nowrap">{!! $texto($uc['FECHA_DEVOLUCION_VACIO']) !!}</td>
                        </tr>
                    @empty
                        <tr data-sin-hover>
                            <td colspan="29" 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">{{ $consultado ? 'Sin resultados para la consulta de información.' : 'Indique un rango de fechas de levante o una búsqueda y pulse Consultar.' }}</p></div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($unidadesCarga->hasPages())
            <div class="border-t border-[var(--borde)] px-5 py-3">{{ $unidadesCarga->links('vendor.pagination.ctc-livewire') }}</div>
        @endif
    </section>
</x-pagina>
</div>