{{-- Detalle de una orden de compra V2 (kit ui-ctc): datos de la orden, líneas de producto con lo facturado y
     nacionalizado, y la ejecución en Websimex (DO, facturas, ítems y declaración). $productos llega de
     PurchaseOrderV2::productosDetalle() y $ejecucion de ejecucionDetalle() (EjecucionOc; null si Websimex no responde). --}}
@php
    $th = 'whitespace-nowrap px-4 py-2.5 text-left text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--texto-tenue)]';
    $td = 'px-4 py-2.5 text-[13px] text-[var(--texto)]';
    $campos = [
        'Importador' => $mapaCompanias[$orden->id_compania] ?? null,
        'Fecha estimada despacho' => $orden->fecha_etd ? \Carbon\Carbon::parse($orden->fecha_etd)->format('d/m/Y') : null,
        'Órdenes de servicio' => $orden->os_total . ($orden->os_total > 0 ? ' (' . $orden->os_arribadas . ' con arribo)' : ''),
    ];
    if ($segmento) { $campos[$tituloSegmento] = $orden->id_segmento ? ($lstSegmentosClientes[$orden->id_segmento] ?? null) : null; }
    $ej = $ejecucion ?? null;
    $lineasEj = $ej ? $ej['lineas'] : [];
    $fmt = function ($n) { return rtrim(rtrim(number_format((float) $n, 3, '.', ','), '0'), '.'); };
@endphp
<div class="space-y-4 rounded-[10px] border border-[var(--borde)] bg-[var(--superficie)] p-5">
    <div class="flex flex-wrap items-start justify-between gap-5">
        <div>
            <p class="text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--texto-tenue)]">
                {{ count($numerosOrden) > 1 ? 'Orden de compra consolidada · ' . count($numerosOrden) . ' pedidos' : 'Orden de compra' }}
            </p>
            <p class="mt-1 font-mono text-[15px] font-semibold text-[var(--texto)]">{{ implode(' · ', $numerosOrden) }}</p>
            @if ($enlacePorDo)
                <p class="mt-0.5 text-[12px] text-[var(--texto-suave)]">Orden de servicio <span class="font-mono text-[var(--texto)]">{{ $orden->numero_do ?: '—' }}</span></p>
            @endif
        </div>
        <dl class="grid grid-cols-2 gap-x-8 gap-y-3 sm:grid-cols-4">
            @foreach ($campos as $etiqueta => $valor)
                <div>
                    <dt class="text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--texto-tenue)]">{{ $etiqueta }}</dt>
                    <dd class="mt-0.5 text-[13px] font-semibold text-[var(--texto)]">{{ ($valor === null || $valor === '') ? '—' : $valor }}</dd>
                </div>
            @endforeach
            <div>
                <dt class="text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--texto-tenue)]">Saldo</dt>
                <dd class="mt-0.5 font-mono text-[13px] font-semibold {{ $orden->saldo > 0 ? 'text-amber-700 dark:text-amber-300' : 'text-emerald-700 dark:text-emerald-300' }}">{{ number_format($orden->saldo, 2) }}</dd>
            </div>
        </dl>
    </div>

    <div class="overflow-x-auto rounded-lg border border-[var(--borde)]">
        <table class="min-w-full">
            <thead class="bg-[var(--superficie-2)]">
                <tr>
                    <th class="{{ $th }}">Código</th>
                    <th class="{{ $th }}">Nombre comercial</th>
                    <th class="{{ $th }}">Categoría</th>
                    <th class="{{ $th }} !text-right">Cantidad</th>
                    <th class="{{ $th }} !text-right">Precio</th>
                    @if ($ej)
                        <th class="{{ $th }} !text-right">Facturado</th>
                        <th class="{{ $th }} !text-right">Nacionalizado</th>
                    @endif
                </tr>
            </thead>
            <tbody>
                @forelse ($productos as $item)
                    @php $le = $lineasEj[$loop->index] ?? null; @endphp
                    <tr class="border-t border-[var(--borde)]">
                        <td class="{{ $td }} font-mono text-[var(--texto-suave)]">{{ $item->producto ? $item->producto->codigo_homologacion : '—' }}</td>
                        <td class="{{ $td }}">{{ $item->producto ? $item->producto->nombre : 'Producto no homologado' }}</td>
                        <td class="{{ $td }} text-[var(--texto-suave)]">{{ $item->producto && $item->producto->categoria ? $item->producto->categoria->nombre : '—' }}</td>
                        <td class="{{ $td }} text-right font-mono tabular-nums">{{ number_format($item->cantidad_material, 2) }}</td>
                        <td class="{{ $td }} text-right font-mono tabular-nums">{{ number_format($item->valor_total, 2) }}</td>
                        @if ($ej)
                            <td class="{{ $td }} whitespace-nowrap text-right font-mono tabular-nums">{{ $le && $le['facturado'] > 0 ? $fmt($le['facturado']) . ' ' . implode('/', $le['unidades']) : '—' }}</td>
                            <td class="{{ $td }} whitespace-nowrap text-right font-mono tabular-nums">
                                @if ($le && $le['facturado'] > 0)
                                    {{ $fmt($le['nacionalizado']) }}
                                    @if ($le['pct_nacionalizado'] !== null)
                                        <x-etiqueta :variante="$le['pct_nacionalizado'] >= 100 ? 'exito' : ($le['pct_nacionalizado'] > 0 ? 'aviso' : 'peligro')" class="ml-1">{{ $le['pct_nacionalizado'] }}%</x-etiqueta>
                                    @else
                                        <span class="ml-1 text-[11.5px] text-amber-700 dark:text-amber-300" title="La factura usa otra unidad que la línea ({{ $le['unidad'] }}): no se calcula el porcentaje">otra unidad</span>
                                    @endif
                                @else
                                    —
                                @endif
                            </td>
                        @endif
                    </tr>
                @empty
                    <tr><td colspan="{{ $ej ? 7 : 5 }}" class="px-4 py-6 text-center text-[13px] text-[var(--texto-tenue)]">Sin productos asociados a esta orden.</td></tr>
                @endforelse
            </tbody>
            @if (count($productos) > 0)
                <tfoot class="border-t border-[var(--borde-fuerte)] bg-[var(--superficie-2)]">
                    <tr>
                        <td colspan="3" class="px-4 py-2.5 text-[12px] text-[var(--texto-suave)]">
                            {{ count($productos) }} línea(s) · recibido {{ number_format($orden->total_facturado, 2) }} de {{ number_format($orden->total_ordenado, 2) }}
                        </td>
                        <td class="px-4 py-2.5 text-right font-mono text-[13px] font-semibold">{{ number_format($productos->sum('cantidad_material'), 2) }}</td>
                        <td class="px-4 py-2.5 text-right font-mono text-[13px] font-semibold">{{ number_format($productos->sum('valor_total'), 2) }}</td>
                        @if ($ej)
                            <td class="px-4 py-2.5 text-right font-mono text-[13px] font-semibold">{{ $fmt($ej['totales']['facturado']) }}</td>
                            <td class="px-4 py-2.5 text-right font-mono text-[13px] font-semibold">{{ $fmt($ej['totales']['nacionalizado']) }}</td>
                        @endif
                    </tr>
                </tfoot>
            @endif
        </table>
    </div>

    @if ($ej)
        @include('livewire.importaciones.purchase-order-v2._ejecucion', ['ej' => $ej, 'fmt' => $fmt])
    @endif
</div>