{{-- Ejecución de la orden en Websimex (EjecucionOc): sus DO, las facturas de cada DO y sus ítems con cantidad, unidad
     y declaración. Nacionalizado = la declaración del ítem tiene levante. En un DO compartido con otras OC, los ítems
     cuyo código no está en esta orden se muestran atenuados y no se suman. Variables: $ej, $fmt. --}}
@php
    $th = 'whitespace-nowrap px-3 py-2 text-left text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--texto-tenue)]';
    $td = 'px-3 py-2 text-[12.5px] text-[var(--texto)]';
    $t = $ej['totales'];
@endphp
<section class="space-y-3">
    <div class="flex flex-wrap items-baseline gap-x-4 gap-y-1">
        <h4 class="text-[11px] font-semibold uppercase tracking-[0.05em] text-[var(--texto-tenue)]">Ejecución en Websimex</h4>
        <p class="text-[12.5px] text-[var(--texto-suave)]">
            {{ $t['dos'] }} {{ $t['dos'] === 1 ? 'orden de servicio' : 'órdenes de servicio' }} · {{ $t['facturas'] }} {{ $t['facturas'] === 1 ? 'factura' : 'facturas' }} ·
            facturado <span class="font-mono text-[var(--texto)]">{{ $fmt($t['facturado']) }}</span> ·
            nacionalizado <span class="font-mono text-emerald-700 dark:text-emerald-300">{{ $fmt($t['nacionalizado']) }}</span>
        </p>
    </div>

    @if (!$ej['dos'])
        <p class="rounded-lg border border-dashed border-[var(--borde-fuerte)] px-4 py-3 text-[13px] text-[var(--texto-suave)]">Ninguna orden de servicio de Websimex nombra esta orden de compra todavía.</p>
    @endif

    @if ($ej['sin_linea'])
        <div class="rounded-lg border border-amber-300/70 bg-amber-50 px-4 py-3 text-[12.5px] text-amber-900 dark:border-amber-500/30 dark:bg-amber-500/10 dark:text-amber-200">
            <p class="font-semibold">Facturado sin línea en la orden de compra</p>
            <ul class="mt-1 space-y-0.5">
                @foreach ($ej['sin_linea'] as $s)
                    <li><span class="font-mono">{{ $s['codigo'] ?: '—' }}</span> {{ $s['descripcion'] }} · {{ $fmt($s['facturado']) }} {{ $s['unidad'] }} facturado, {{ $fmt($s['nacionalizado']) }} nacionalizado</li>
                @endforeach
            </ul>
        </div>
    @endif

    @foreach ($ej['dos'] as $do)
        <details class="group rounded-lg border border-[var(--borde)] bg-[var(--superficie)]" @if ($loop->count <= 2) open @endif>
            <summary class="flex cursor-pointer list-none flex-wrap items-center gap-x-3 gap-y-1 px-4 py-2.5">
                <x-icono nombre="chevron-right" variante="m" class="h-4 w-4 text-[var(--texto-tenue)] transition-transform group-open:rotate-90" />
                <span class="font-mono text-[13px] font-semibold text-[var(--texto)]">DO {{ $do['numero_do'] }}</span>
                @if ($do['fecha_apertura'])<span class="text-[12px] text-[var(--texto-suave)]">abierta {{ \Carbon\Carbon::parse($do['fecha_apertura'])->format('d/m/Y') }}</span>@endif
                <span class="truncate text-[12px] text-[var(--texto-suave)]" title="Orden de compra en el DO">OC en el DO: {{ $do['campo_oc'] ?: '—' }}</span>
                @if ($do['compartido'])
                    <x-etiqueta variante="info" title="El DO nombra también otras órdenes de compra: a esta solo le cuentan los ítems con código de sus líneas">Compartido</x-etiqueta>
                @endif
                <span class="ml-auto text-[12px] text-[var(--texto-suave)]">{{ count($do['facturas']) }} {{ count($do['facturas']) === 1 ? 'factura' : 'facturas' }}</span>
            </summary>
            <div class="space-y-3 border-t border-[var(--borde)] px-4 py-3">
                @forelse ($do['facturas'] as $f)
                    <div>
                        <p class="mb-1.5 text-[12px] text-[var(--texto-suave)]">
                            Factura <span class="font-mono font-semibold text-[var(--texto)]">{{ $f['numero'] }}</span>
                            @if ($f['fecha']) · {{ \Carbon\Carbon::parse($f['fecha'])->format('d/m/Y') }}@endif
                            @if ($f['moneda']) · {{ $f['moneda'] }}@endif
                        </p>
                        <div class="overflow-x-auto rounded-md 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 }}">Producto</th>
                                        <th class="{{ $th }}">Subpartida</th>
                                        <th class="{{ $th }} !text-right">Cantidad</th>
                                        <th class="{{ $th }} !text-right">Valor</th>
                                        <th class="{{ $th }}">Declaración</th>
                                        <th class="{{ $th }}">Estado</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($f['items'] as $it)
                                        <tr class="border-t border-[var(--borde)] {{ $it['cuenta'] ? '' : 'opacity-50' }}" @unless ($it['cuenta']) title="Ítem de otra orden de compra del DO compartido: no se suma a esta" @endunless>
                                            <td class="{{ $td }} font-mono text-[var(--texto-suave)]">{{ $it['codigo'] ?: '—' }}</td>
                                            <td class="{{ $td }} max-w-[260px]"><span class="block truncate" title="{{ $it['descripcion'] }}">{{ $it['descripcion'] ?: '—' }}</span></td>
                                            <td class="{{ $td }} font-mono">{{ $it['subpartida'] ?: '—' }}</td>
                                            <td class="{{ $td }} whitespace-nowrap text-right font-mono tabular-nums" title="{{ $it['unidad_nombre'] }}">{{ $fmt($it['cantidad']) }} {{ $it['unidad'] }}</td>
                                            <td class="{{ $td }} whitespace-nowrap text-right font-mono tabular-nums">{{ number_format($it['valor'], 2) }}</td>
                                            <td class="{{ $td }} whitespace-nowrap text-[12px]">
                                                @if ($it['aceptacion'])
                                                    <span class="block font-mono">{{ $it['aceptacion'] }}</span>
                                                    <span class="block text-[var(--texto-suave)]" @if ($it['levante']) title="Levante N.º {{ $it['levante'] }}" @endif>aceptada {{ $it['fecha_aceptacion'] ? \Carbon\Carbon::parse($it['fecha_aceptacion'])->format('d/m/Y') : '—' }}@if ($it['fecha_levante']) · levante {{ \Carbon\Carbon::parse($it['fecha_levante'])->format('d/m/Y') }}@endif</span>
                                                @else
                                                    <span class="text-[var(--texto-tenue)]">Sin declaración</span>
                                                @endif
                                            </td>
                                            <td class="{{ $td }}">
                                                @if (!$it['cuenta'])
                                                    <x-etiqueta>Otra OC</x-etiqueta>
                                                @elseif ($it['nacionalizado'])
                                                    <x-etiqueta variante="exito">Nacionalizado</x-etiqueta>
                                                @elseif ($it['aceptacion'])
                                                    <x-etiqueta variante="aviso">Sin levante</x-etiqueta>
                                                @else
                                                    <x-etiqueta variante="peligro">Pendiente</x-etiqueta>
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                @empty
                    <p class="text-[12.5px] text-[var(--texto-suave)]">El DO no tiene facturas registradas.</p>
                @endforelse
            </div>
        </details>
    @endforeach
</section>