{{-- Reporte general de declaraciones de exportación (reporte-dex): ítems de las DEX extraídas, por fecha de apertura del
     DO. Los indicadores cuentan DEX distintos del rango de fechas y filtran la tabla. Kit ui-ctc (MigracionLayout.MD L3,
     pantallas de L2a). --}}
@php
    $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
    $txt = fn ($v) => ($v === null || $v === '') ? $vacio : e($v);
    $chips = [];
    if ($search !== '' && $search !== null) { $chips['search'] = ['Búsqueda', $search]; }
    if ($filtroSistemasEspeciales !== 'todos') { $chips['filtroSistemasEspeciales'] = ['Sistemas especiales', $filtroSistemasEspeciales === 'con' ? 'Con' : 'Sin']; }
    $totalDex = max((int) $conteoDexSistemasEspeciales['total'], 1);
    $columnas = [
        'Fecha apertura', 'Número pedido', 'Número DO', 'Factura comercial', 'Fecha factura', 'Fecha ETA', 'Modalidad', 'Tipo carga',
        'Nombre comercial', 'Producto', 'Subpartida arancelaria', 'Motonave', 'Viaje línea', 'Booking', 'Incoterm', 'Fecha zarpe',
        'Exportador', 'Consignatario', 'País destino', 'Ciudad destino', 'Solicitud aut. embarque', 'Número DEX', 'Fecha DEX',
        'Valor FOB USD', 'Cantidad unid. físicas', 'Peso neto KG', 'Peso bruto KG', 'Número bultos', 'Línea transportador',
        'Cut off documental', 'Cut off físico', 'Sistemas especiales',
    ];
    $numericas = ['Valor FOB USD', 'Cantidad unid. físicas', 'Peso neto KG', 'Peso bruto KG', 'Número bultos'];
@endphp
<div>
<x-pagina>
    <x-encabezado-pagina ruta="Exportaciones · Reportes" titulo="Reporte general de declaraciones de exportación"
                         descripcion="Información tomada de la extracción de la DEX.">
        <x-slot name="acciones">
            <x-secondary-button wire:click="exportarExcel" wire:loading.attr="disabled" wire:target="exportarExcel">
                <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
                <span wire:loading.remove wire:target="exportarExcel">Exportar Excel</span>
                <span wire:loading wire:target="exportarExcel">Generando…</span>
            </x-secondary-button>
        </x-slot>
    </x-encabezado-pagina>

    {{-- Indicadores: DEX distintos del rango de fechas (no de la tarjeta activa); filtran la tabla --}}
    <div class="grid gap-3 [grid-template-columns:repeat(auto-fit,minmax(200px,1fr))]">
        <x-indicador titulo="Total DEX" :valor="$conteoDexSistemasEspeciales['total']" ayuda="DEX distintos del rango" :barra="false"
                     :activo="$filtroSistemasEspeciales === 'todos'" wire:click="filtrarSistemas('todos')" />
        <x-indicador titulo="DEX con sistemas especiales" :valor="$conteoDexSistemasEspeciales['con']" ayuda="DEX distintos del rango"
                     :porcentaje="$conteoDexSistemasEspeciales['con'] * 100 / $totalDex" :insignia="false" color="#10b981"
                     :activo="$filtroSistemasEspeciales === 'con'" wire:click="filtrarSistemas('con')" />
        <x-indicador titulo="DEX sin sistemas especiales" :valor="$conteoDexSistemasEspeciales['sin']" ayuda="DEX distintos del rango"
                     :porcentaje="$conteoDexSistemasEspeciales['sin'] * 100 / $totalDex" :insignia="false" color="#f59e0b"
                     :activo="$filtroSistemasEspeciales === 'sin'" wire:click="filtrarSistemas('sin')" />
    </div>

    <x-barra-busqueda modelo="search" accion="consultarDeclaraciones" vivo placeholder="Buscar por DO o formulario" :activos="count($chips)" :abierto="true">
        <x-slot name="filtros">
            <x-campo etiqueta="Fecha apertura inicial" para="fechaAperturaInicial"><x-input type="date" id="fechaAperturaInicial" wire:model.live="fechaAperturaInicial" /></x-campo>
            <x-campo etiqueta="Fecha apertura final" para="fechaAperturaFinal"><x-input type="date" id="fechaAperturaFinal" wire:model.live="fechaAperturaFinal" /></x-campo>
        </x-slot>
        @if (count($chips))
            <x-slot name="chips">
                @foreach ($chips as $campo => [$etiqueta, $valor])
                    <x-chip-filtro :etiqueta="$etiqueta" :valor="$valor" wire:click="limpiarFiltro('{{ $campo }}')" />
                @endforeach
            </x-slot>
        @endif
    </x-barra-busqueda>

    <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($declaraciones->total(), 0, ',', '.') }}</b> registros encontrados</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>
                        @foreach ($columnas as $columna)
                            <th @class(['!text-right' => in_array($columna, $numericas)])>{{ $columna }}</th>
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    @forelse ($declaraciones as $d)
                        @php
                            $fila = [
                                $d->pedido_fecha_apertura ? \Carbon\Carbon::parse($d->pedido_fecha_apertura)->format('Y-m-d') : null,
                                $d->pedido_numero_pedido, $d->numero_do, $d->factura_comercial, $d->factura_fecha_expedicion, $d->pedido_fecha_eta,
                                $d->pedido_modalidad, $d->pedido_tipo_carga, $d->item_nombre_comercial, $d->item_producto, $d->item_subpartida_arancelaria,
                                $d->pedido_nombre_vapor, $d->pedido_viaje_linea, $d->pedido_booking_number, $d->incoterm, $d->pedido_fecha_zarpe,
                                $d->exportador_razon_social, $d->consignatario, $d->nombre_pais_destino, $d->ciudad_destino,
                                $d->solicitud_autorizacion_embarque, $d->numero_formulario, $d->fecha_declaracion,
                                number_format((float) $d->valor_fob_usd, 2), $d->item_cantidad_unidades_fisicas, $d->item_peso_neto_kg,
                                $d->item_peso_bruto_kg, $d->item_numero_bultos, $d->pedido_linea_transportador, $d->pedido_cut_off_documental,
                                $d->pedido_cut_off_fisico,
                            ];
                        @endphp
                        <tr>
                            @foreach ($fila as $i => $valor)
                                @if ($columnas[$i] === 'Número DO')
                                    <td class="whitespace-nowrap font-semibold">{{ $valor }}</td>
                                @elseif (in_array($columnas[$i], ['Producto', 'Exportador', 'Consignatario']))
                                    <td class="min-w-[180px] max-w-[260px] text-[12.5px] leading-snug">{!! $txt($valor) !!}</td>
                                @else
                                    <td @class(['whitespace-nowrap', 'text-right' => in_array($columnas[$i], $numericas)])>{!! $txt($valor) !!}</td>
                                @endif
                            @endforeach
                            <td><x-etiqueta :variante="$d->sistemas_especiales == 1 ? 'exito' : 'aviso'">{{ $d->sistemas_especiales == 1 ? 'SÍ' : 'NO' }}</x-etiqueta></td>
                        </tr>
                    @empty
                        <tr data-sin-hover>
                            <td colspan="{{ count($columnas) }}" 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 se encontraron declaraciones para las fechas seleccionadas.</p></div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($declaraciones->hasPages())
            <div class="border-t border-[var(--borde)] px-5 py-3">{{ $declaraciones->links('vendor.pagination.ctc-livewire') }}</div>
        @endif
    </section>
</x-pagina>
</div>