{{-- Certificado de reembolso tributario CERT-DEX (reportes-especiales/sistemas-especiales-decreto): ítems de las DEX del
     decreto elegido, con los indicadores de DEX con y sin sistemas especiales (filtran). 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);
    $fecha = fn ($v) => $v ? e(\Carbon\Carbon::parse($v)->format('Y-m-d')) : $vacio;
    $usd = fn ($v) => number_format((float) $v, 2);
    $chips = [];
    if ($search !== '') { $chips['search'] = ['Búsqueda', $search]; }
    if ($fechaInicial || $fechaFinal) { $chips['fechas'] = ['Fecha embarque', ($fechaInicial ?: 'inicio') . ' – ' . ($fechaFinal ?: 'hoy')]; }
    if ($filtroSistemasEspeciales !== 'todos') { $chips['filtroSistemasEspeciales'] = ['Sistemas especiales', $filtroSistemasEspeciales === 'con' ? 'Con' : 'Sin']; }
    $totalDex = max((int) $conteoDexSistemasEspeciales['total'], 1);
@endphp
<div>
<x-pagina>
    <x-encabezado-pagina ruta="Exportaciones · Reportes" titulo="Certificado reembolso tributario CERT-DEX">
        <x-slot name="acciones">
            <x-secondary-button wire:click="descargarExcel" wire:loading.attr="disabled" wire:target="descargarExcel">
                <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" />
                <span wire:loading.remove wire:target="descargarExcel">Descargar</span>
                <span wire:loading wire:target="descargarExcel">Generando…</span>
            </x-secondary-button>
        </x-slot>
    </x-encabezado-pagina>

    @if (session()->has('message'))<x-alerta tipo="exito">{{ session('message') }}</x-alerta>@endif

    {{-- Indicadores de DEX (distintos, sin repetir): "con" y "sin" filtran; otro clic en el activo vuelve a todos --}}
    <div class="grid gap-3 [grid-template-columns:repeat(auto-fit,minmax(200px,1fr))]">
        <x-indicador estatico titulo="Total DEX" :valor="$conteoDexSistemasEspeciales['total']" ayuda="DEX distintos, sin repetir" :barra="false" />
        <x-indicador titulo="DEX con sistemas especiales" :valor="$conteoDexSistemasEspeciales['con']" ayuda="DEX distintos, sin repetir"
                     :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, sin repetir"
                     :porcentaje="$conteoDexSistemasEspeciales['sin'] * 100 / $totalDex" :insignia="false" color="#f59e0b"
                     :activo="$filtroSistemasEspeciales === 'sin'" wire:click="filtrarSistemas('sin')" />
    </div>

    <x-barra-busqueda modelo="search" accion="$refresh" vivo placeholder="Buscar por DO, formulario, exportador o subpartida" :activos="count($chips)" :abierto="true">
        <x-slot name="filtros">
            <x-campo etiqueta="Fecha inicial (embarque)" para="fechaInicial"><x-input type="date" id="fechaInicial" wire:model.live="fechaInicial" /></x-campo>
            <x-campo etiqueta="Fecha final (embarque)" para="fechaFinal"><x-input type="date" id="fechaFinal" wire:model.live="fechaFinal" /></x-campo>
            <x-campo etiqueta="Decreto" para="decretoSeleccionado">
                <x-select id="decretoSeleccionado" wire:model.live="decretoSeleccionado">
                    @forelse ($lstDecretos as $clave => $nombre)
                        <option value="{{ $clave }}">{{ $nombre }}</option>
                    @empty
                        <option value="">Sin decretos registrados</option>
                    @endforelse
                </x-select>
            </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 flex-wrap 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> ítems
                <span class="ml-2">· {{ number_format($conteoSistemasEspeciales['con'], 0, ',', '.') }} con sistemas especiales · {{ number_format($conteoSistemasEspeciales['sin'], 0, ',', '.') }} sin ({{ number_format($conteoSistemasEspeciales['todos'], 0, ',', '.') }} en total)</span>
            </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>
                        <th class="ctc-fija ctc-fija-ultima" style="left: 0"># DO</th>
                        <th>Exportador</th>
                        <th class="!text-right">Año</th>
                        <th>Decreto</th>
                        <th>Fecha decreto</th>
                        <th>Solicitud autorización embarque</th>
                        <th>Fecha solicitud aut. embarque</th>
                        <th>Fecha de embarque</th>
                        <th>DEX</th>
                        <th>Fecha DEX</th>
                        <th>Tipo DEX</th>
                        <th>Régimen aduanero</th>
                        <th>Destino</th>
                        <th>Importador</th>
                        <th>Moneda</th>
                        <th>Incoterm</th>
                        <th class="!text-right">Valor total FOB USD</th>
                        <th class="!text-right">Valor exportación USD</th>
                        <th class="!text-right">Valor FOB unitario USD</th>
                        <th>Subpartida arancelaria</th>
                        <th>Sistemas especiales</th>
                        <th>Factura comercial</th>
                        <th class="!text-right">Valor factura</th>
                        <th class="!text-right">Valor agregado nacional USD</th>
                        <th class="!text-right">Valor CERT 3%</th>
                        <th>Descripción mercancía</th>
                        <th>Unidad física</th>
                        <th class="!text-right">Valor insumo externo USD</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($declaraciones as $dex)
                        <tr wire:key="dex-{{ $dex->id }}-{{ $loop->index }}">
                            <td class="ctc-fija ctc-fija-ultima whitespace-nowrap font-semibold" style="left: 0">{{ $dex->numero_do }}</td>
                            <td class="min-w-[200px] text-[12.5px] leading-snug">{{ $dex->exportador_razon_social }}</td>
                            <td class="text-right">{{ $dex->ano }}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->decreto) !!}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->fecha_decreto) !!}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->solicitud_autorizacion_embarque) !!}</td>
                            <td class="whitespace-nowrap">{!! $fecha($dex->fecha_solicitud_autorizacion_embarque) !!}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->fecha_manifiesto) !!}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->numero_formulario) !!}</td>
                            <td class="whitespace-nowrap">{!! $fecha($dex->fecha_declaracion) !!}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->tipo_despacho) !!}</td>
                            <td class="min-w-[160px] text-[12.5px]">{!! $txt($dex->nombre_regimen_aduanero) !!}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->nombre_pais_destino) !!}</td>
                            <td class="min-w-[160px] text-[12.5px]">{!! $txt($dex->consignatario) !!}</td>
                            <td>@if ($dex->cod_moneda)<x-etiqueta>{{ $dex->cod_moneda }}</x-etiqueta>@else{!! $vacio !!}@endif</td>
                            <td>{!! $txt($dex->incoterm) !!}</td>
                            <td class="whitespace-nowrap text-right">{{ $usd($dex->valor_total_fob_usd) }}</td>
                            <td class="whitespace-nowrap text-right">{{ $usd($dex->valor_total_exportacion_usd) }}</td>
                            <td class="whitespace-nowrap text-right">{{ $usd($dex->valor_fob_usd) }}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->subpartida_arancelaria) !!}</td>
                            <td><x-etiqueta :variante="$dex->sistemas_especiales == 1 ? 'exito' : 'aviso'">{{ $dex->sistemas_especiales == 1 ? 'SÍ' : 'NO' }}</x-etiqueta></td>
                            <td class="whitespace-nowrap">{!! $txt($dex->factura_comercial) !!}</td>
                            <td class="whitespace-nowrap text-right">{!! $txt($dex->valor_factura) !!}</td>
                            <td class="whitespace-nowrap text-right">{{ $usd($dex->valor_agregado_nacional_usd) }}</td>
                            <td class="whitespace-nowrap text-right font-semibold">{{ $usd($dex->valor_cert) }}</td>
                            <td class="min-w-[320px] whitespace-pre-line break-words text-[12px] leading-snug">{!! $txt($dex->descripcion_mercancia_formato) !!}</td>
                            <td class="whitespace-nowrap">{!! $txt($dex->unidad_fisica) !!}</td>
                            <td class="whitespace-nowrap text-right">{{ $usd($dex->valor_insumo_externo_usd) }}</td>
                        </tr>
                    @empty
                        <tr data-sin-hover>
                            <td colspan="28" 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 para los filtros seleccionados.</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>