{{-- Detalle de órdenes de compra de importación: listado (rpores) y búsqueda (searchpores, searchpores/{status}).
     Layout nuevo con el kit ui-ctc, MigracionLayout.MD L3. Mismos filtros (POST a /searchpores con cboCompania,
     cboStatus y txtBus), mismas columnas dinámicas (JMetodos::SqlPOGeneral "Detalle"), mismo color de STATUS,
     misma descarga (/exportdetalle) y mismo seguimiento (botón y doble clic); sin Bootstrap ni Font Awesome. --}}
@php
    $ocultas = ['id', 'COLOR', 'numped', 'IDSTATUS'];
    $columnas = collect($columname)->reject(fn ($c) => in_array($c, $ocultas, true));
    $hex = fn ($v) => $v && preg_match('/^#?[0-9A-Fa-f]{3,8}$/', trim($v)) ? '#' . ltrim(trim($v), '#') : null;
    $ayudaBuscar = 'Buscar por OC, SUPPLIER, CODIGO, MATERIAL';
    // Antes lo hacía un @php dentro del script de doble clic: se ejecutaba al pintar la página.
    session(['BuscarAct' => '']);
@endphp
<x-app-layout titulo="Detalle de órdenes de compra">
    <x-pagina>

        <x-encabezado-pagina ruta="Importaciones · Operaciones" titulo="Detalle de órdenes de compra">
            <x-slot name="acciones">
                <x-enlace-boton href="/exportdetalle">
                    <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" /> Generar reporte
                </x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>

        @if (Session::has('success'))
            <x-alerta tipo="exito">{{ Session::get('success') }}</x-alerta>
        @endif

        {{-- Filtros (siempre a la vista, como antes: la búsqueda es un POST a /searchpores) --}}
        <x-tarjeta titulo="Filtros">
            <form action="{{ url('/searchpores') }}" method="post" class="grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
                @csrf
                <x-campo etiqueta="Importador" para="cboCompania">
                    <x-select name="cboCompania" id="cboCompania">
                        <option value="0">Seleccione una opción</option>
                        @foreach ($compania as $fila)<option value="{{ $fila->id }}">{{ $fila->razon_social }}</option>@endforeach
                    </x-select>
                </x-campo>
                <x-campo etiqueta="Status" para="cboStatus">
                    <x-select name="cboStatus" id="cboStatus">
                        <option value="0">Seleccione una opción</option>
                        @foreach ($status as $fila)<option value="{{ $fila->titulo }}">{{ $fila->titulo }}</option>@endforeach
                    </x-select>
                </x-campo>
                <x-campo etiqueta="Buscar" para="txtBus">
                    <x-input type="text" name="txtBus" id="txtBus" title="{{ $ayudaBuscar }}" placeholder="Buscar ..." />
                </x-campo>
                <div class="flex items-end">
                    <x-button><x-icono nombre="magnifying-glass" /> Buscar</x-button>
                </div>
            </form>
        </x-tarjeta>

        <section class="min-w-0 overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)]">
            <x-icono-simbolos :nombres="['o:calendar-days']" />
            <div class="flex flex-wrap items-center justify-between gap-3 border-b border-[var(--borde)] px-5 py-3">
                <p class="text-[13px] text-[var(--texto-suave)]"><span class="font-semibold tabular-nums text-[var(--texto)]">{{ number_format($po->total(), 0, ',', '.') }}</span> registros</p>
                <p class="text-[12px] text-[var(--texto-tenue)]">Doble clic en una fila para abrir el seguimiento en otra ventana.</p>
            </div>
            <div class="ctc-tabla-caja">
                <table class="ctc-tabla">
                    <thead>
                        <tr>
                            <th class="ctc-fija ctc-fija-ultima" style="left: 0">SEG</th>
                            @foreach ($columnas as $columna)
                                <th>{{ $columna }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($po as $fila)
                            @php $colorEstado = $hex($fila->COLOR ?? null); @endphp
                            <tr class="cursor-pointer" ondblclick="window.ctcAbrirSeguimiento({{ \Illuminate\Support\Js::from((string) $fila->numped) }})">
                                <td class="ctc-fija ctc-fija-ultima !px-2" style="left: 0">
                                    <a href="{{ pantalla('/rbactivivad?txtBuscar=' . $fila->numped) }}" class="ctc-accion" aria-label="Seguimiento" title="Seguimiento">
                                        <x-icono nombre="calendar-days" sprite class="h-[18px] w-[18px]" />
                                    </a>
                                </td>
                                @foreach ($fila as $nombre => $valor)
                                    @continue(in_array($nombre, $ocultas, true))
                                    @if ($nombre === 'STATUS' && $colorEstado)
                                        <td><x-etiqueta :color="$colorEstado">{{ $valor }}</x-etiqueta></td>
                                    @elseif ($valor === null || $valor === '')
                                        <td><span class="text-[var(--texto-tenue)]">—</span></td>
                                    @else
                                        <td class="whitespace-nowrap">{{ $valor }}</td>
                                    @endif
                                @endforeach
                            </tr>
                        @empty
                            <tr data-sin-hover>
                                <td colspan="{{ $columnas->count() + 1 }}" 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 registros con los filtros aplicados.</p>
                                    </div>
                                </td>
                            </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if ($po->hasPages())
                <div class="border-t border-[var(--borde)] px-5 py-3">{{ $po->links('vendor.pagination.ctc') }}</div>
            @endif
        </section>
    </x-pagina>

    @push('scripts')
        <script>
            // Doble clic en una fila: seguimiento de la orden en una ventana aparte (igual que antes).
            window.ctcAbrirSeguimiento = function (pedido) {
                window.open('/rbactivivad?txtBuscar=' + encodeURIComponent(pedido), 'Seguimiento de la Orden de Compra', 'width=1024,height=768');
            };
        </script>
    @endpush
</x-app-layout>