{{-- Fila de la tabla de órdenes de compra V2 (kit ui-ctc). Clic en la fila abre o cierra su detalle (las líneas se
     consultan en el servidor solo para la orden abierta). Variables: $orden (fila del universo), $productos, $ejecucion. --}}
@php
    $numerosOrden = preg_split('/[\s,\/-]+/', (string) $orden->po, -1, PREG_SPLIT_NO_EMPTY);
    $consolidada = count($numerosOrden) > 1;
    $ruta = trim((string) $orden->puerto_origen) !== '' && trim((string) $orden->puerto_destino) !== ''
        ? $orden->puerto_origen . ' → ' . $orden->puerto_destino
        : null;
    $expandida = $detalleAbierto == $orden->id;
    $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
@endphp
<tr wire:key="oc-{{ $orden->id }}" wire:click="verDetalle({{ $orden->id }})" class="cursor-pointer @if ($expandida) [&>td]:!bg-[var(--acento-suave)] @endif"
    aria-expanded="{{ $expandida ? 'true' : 'false' }}">
    <td class="ctc-fija !px-2" style="left: 0">
        <span class="flex h-7 w-7 items-center justify-center text-[var(--texto-suave)]">
            <span wire:loading.remove wire:target="verDetalle({{ $orden->id }})"><x-icono nombre="chevron-right" variante="m" sprite class="h-4 w-4 transition-transform {{ $expandida ? 'rotate-90' : '' }}" /></span>
            <span wire:loading wire:target="verDetalle({{ $orden->id }})"><x-icono nombre="arrow-path" class="h-4 w-4 animate-spin text-[var(--acento-texto)]" /></span>
        </span>
    </td>
    <td class="ctc-fija ctc-fija-ultima whitespace-nowrap" style="left: 40px">
        <span class="font-mono text-[13px] font-semibold text-[var(--acento-texto)]">{{ $numerosOrden ? $numerosOrden[0] : $orden->po }}</span>
        @if ($consolidada)<x-etiqueta class="ml-1 !px-1.5 !py-0 text-[10.5px]" title="Orden consolidada: {{ $orden->po }}">+{{ count($numerosOrden) - 1 }}</x-etiqueta>@endif
        <span class="mt-0.5 flex items-center gap-1 text-[11.5px] text-[var(--texto-suave)]">
            @if ($enlacePorDo)
                {{-- Con enlace por DO varias filas comparten el mismo pedido: la DO las distingue. --}}
                <span class="font-mono" title="Número DO">{{ $orden->numero_do ?: 'sin DO' }}</span> ·
            @endif
            {{ $orden->fecha_po ? \Carbon\Carbon::parse($orden->fecha_po)->format('d/m/Y') : '—' }}
            @if ($orden->fecha_dudosa)
                <x-icono nombre="exclamation-triangle" variante="m" class="h-3.5 w-3.5 text-amber-600 dark:text-amber-400" title="Fecha de orden posterior a hoy: revisar el dato de origen" />
            @endif
        </span>
        {{-- Solicitud de clasificación abierta (tarea 2.2): productos que aún no existen en Websimex. --}}
        @if ($orden->clasificacion)
            @php
                $detalleClasificacion = collect($orden->clasificacion['solicitudes'])
                    ->map(fn ($s) => 'Solicitud ' . $s[0] . ' · ' . ucfirst(mb_strtolower(str_replace('_', ' ', $s[1]))))
                    ->implode("\n");
            @endphp
            {{-- Enlace a la solicitud más reciente; el clic no abre el detalle de la fila. --}}
            <a href="{{ pantalla(route('oc-clasificacion', \Illuminate\Support\Arr::last($orden->clasificacion['solicitudes'])[0], false)) }}" onclick="event.stopPropagation()"
               class="mt-1 inline-flex" title="{{ $detalleClasificacion }}">
                <x-etiqueta variante="aviso" class="!px-1.5 !py-0.5 text-[11px] hover:underline">
                    <x-icono nombre="clipboard-document-check" class="h-3.5 w-3.5" />
                    En clasificación · {{ $orden->clasificacion['productos'] }} {{ $orden->clasificacion['productos'] === 1 ? 'producto' : 'productos' }}
                </x-etiqueta>
            </a>
        @endif
    </td>
    @if ($variasCompanias)
        @php $nombreCompania = $mapaCompanias[$orden->id_compania] ?? null; @endphp
        <td class="max-w-[200px] truncate text-[12.5px]" title="{{ $nombreCompania }}">{!! $nombreCompania ? e($nombreCompania) : $vacio !!}</td>
    @endif
    <td class="max-w-[260px]">
        @if ($orden->supplier)
            <span class="block truncate" title="{{ $orden->supplier }}">{{ $orden->supplier }}</span>
        @elseif ($orden->proveedor_por_crear)
            {{-- No existe en Websimex: la OC se cargó con el nombre recibido (RN-1.22). --}}
            <span class="flex min-w-0 items-center gap-1.5" title="{{ $orden->proveedor_por_crear }}: proveedor por crear en Websimex">
                <span class="truncate">{{ $orden->proveedor_por_crear }}</span>
                <x-etiqueta variante="aviso" class="!px-1.5 !py-0 text-[10.5px]">por crear</x-etiqueta>
            </span>
        @else
            {!! $vacio !!}
        @endif
        <span class="block truncate text-[11.5px] text-[var(--texto-suave)]">{{ $orden->pais_origen ?: '—' }}</span>
    </td>
    <td class="whitespace-nowrap font-mono text-[12.5px]">
        {!! $orden->fecha_entrega_proveedor ? e(\Carbon\Carbon::parse($orden->fecha_entrega_proveedor)->format('d/m/Y')) : $vacio !!}
    </td>
    @if ($segmento)
        @php $nombreSegmento = $orden->id_segmento ? ($lstSegmentosClientes[$orden->id_segmento] ?? null) : null; @endphp
        <td class="max-w-[160px] truncate text-[12.5px] text-[var(--texto-suave)]" title="{{ $nombreSegmento }}">{!! $nombreSegmento ? e($nombreSegmento) : $vacio !!}</td>
    @endif
    <td class="font-mono text-[12.5px] text-[var(--texto-suave)]">{!! $orden->sed ? e($orden->sed) : $vacio !!}</td>
    <td class="max-w-[200px] truncate text-[12.5px] text-[var(--texto-suave)]" title="{{ $ruta }}">{!! $ruta ? e($ruta) : $vacio !!}</td>
    <td class="whitespace-nowrap text-right font-mono text-[12.5px] {{ $orden->en_riesgo && $orden->eta ? 'font-semibold text-amber-700 dark:text-amber-300' : '' }}">
        {!! $orden->eta ? e(\Carbon\Carbon::parse($orden->eta)->format('Y-m-d')) : $vacio !!}
    </td>
    <td class="w-[210px] min-w-[200px]">
        <span class="flex gap-[3px]" aria-hidden="true">
            @foreach ($orden->segmentos as $segmentoBarra)
                <span class="h-1.5 flex-1 rounded-sm" style="background: {{ $segmentoBarra }};"></span>
            @endforeach
        </span>
        <span class="mt-1.5 block text-[11.5px] font-semibold" style="color: {{ $orden->fase_color }};">{{ $orden->fase_titulo }} · {{ $orden->fase_detalle }}</span>
    </td>
    <td class="whitespace-nowrap text-right">
        <span class="block font-mono text-[13px]">{{ number_format($orden->total_facturado, 2) }}</span>
        <span class="block text-[11.5px] text-[var(--texto-suave)]">de {{ number_format($orden->total_ordenado, 2) }}</span>
    </td>
    {{-- Nacionalizado: ítems facturados cuya declaración tiene levante, contra lo ordenado --}}
    <td class="whitespace-nowrap text-right" title="{{ number_format($orden->total_nacionalizado, 2) }} con levante de {{ number_format($orden->total_ordenado, 2) }} ordenado">
        @if ($orden->pct_nacionalizado === null)
            <span class="text-[var(--texto-tenue)]">—</span>
        @else
            <span class="block font-mono text-[13px] {{ $orden->pct_nacionalizado >= 100 ? 'text-emerald-700 dark:text-emerald-300' : ($orden->pct_nacionalizado > 0 ? 'text-[var(--texto)]' : 'text-[var(--texto-tenue)]') }}">{{ $orden->pct_nacionalizado }}%</span>
            <span class="mt-1 ml-auto block h-1 w-14 overflow-hidden rounded-full bg-[var(--borde)]"><span class="block h-full rounded-full bg-emerald-600 dark:bg-emerald-400" style="width: {{ min(100, $orden->pct_nacionalizado) }}%"></span></span>
        @endif
    </td>
    {{-- Acciones: no deben abrir el detalle de la fila. Un tercero solo consulta. --}}
    <td class="w-[1%] whitespace-nowrap !px-2" onclick="event.stopPropagation()">
        @unless ($esTercero)
            <div class="flex items-center justify-end gap-0.5">
                <a href="{{ pantalla(route('purchase-procesar-v2', ['idPurchaseOrder' => $orden->id, 'status' => $orden->estado], false)) }}"
                   class="ctc-accion" title="Editar OC {{ $orden->po }}" aria-label="Editar la orden de compra {{ $orden->po }}">
                    <x-icono nombre="pencil-square" sprite class="h-[18px] w-[18px]" />
                </a>
                @if ($orden->estado !== 'cerrada' && Auth()->user()->operacion == 'E')
                    <button type="button" wire:click="confirmarAnularOrden({{ $orden->id }})"
                            class="ctc-accion hover:!bg-rose-50 hover:!text-rose-700 dark:hover:!bg-rose-500/10 dark:hover:!text-rose-300"
                            title="Anular la orden de compra {{ $orden->po }}" aria-label="Anular la orden de compra {{ $orden->po }}">
                        <x-icono nombre="trash" sprite class="h-[18px] w-[18px]" />
                    </button>
                @endif
            </div>
        @endunless
    </td>
</tr>
@if ($expandida)
    <tr wire:key="oc-det-{{ $orden->id }}" data-sin-hover>
        <td colspan="{{ $totalColumnas }}" class="!border-b !bg-[var(--superficie-3)] !p-0">
            <div class="ctc-vacio px-5 py-4 pl-14">
                @include('livewire.importaciones.purchase-order-v2._detalle', ['orden' => $orden, 'productos' => $productos, 'ejecucion' => $ejecucion, 'numerosOrden' => $numerosOrden])
            </div>
        </td>
    </tr>
@endif