{{-- Seguimiento DEX · Sistemas especiales (reportes-especiales/sistemas-especiales): declaraciones de exportación con
     sistemas especiales del cliente, una fila por programa. Kit ui-ctc (MigracionLayout.MD L3, pantallas de L2a). --}}
@php
    $vacio = '<span class="text-[var(--texto-tenue)]">—</span>';
    $chips = [];
    if ($search !== '') { $chips['search'] = ['Búsqueda', $search]; }
    if ($fechaInicial || $fechaFinal) { $chips['fechas'] = ['Fecha declaración', ($fechaInicial ?: 'inicio') . ' – ' . ($fechaFinal ?: 'hoy')]; }
    $usd = fn ($v) => number_format((float) $v, 2);
@endphp
<div>
<x-pagina>
    <x-encabezado-pagina ruta="Exportaciones · Reportes" titulo="Seguimiento DEX · Sistemas especiales">
        <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

    <x-barra-busqueda modelo="search" accion="$refresh" vivo placeholder="Buscar por DO, formulario o exportador" :activos="count($chips)" :abierto="true">
        <x-slot name="filtros">
            <x-campo etiqueta="Fecha inicial (declaración)" para="fechaInicial"><x-input type="date" id="fechaInicial" wire:model.live="fechaInicial" /></x-campo>
            <x-campo etiqueta="Fecha final (declaración)" para="fechaFinal"><x-input type="date" id="fechaFinal" wire:model.live="fechaFinal" /></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</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 class="!text-right">Año</th>
                        <th>Formulario</th>
                        <th>Fecha decl.</th>
                        <th>Exportador</th>
                        <th>Destino</th>
                        <th>Moneda</th>
                        <th class="!text-right">Valor FOB USD</th>
                        <th class="!text-right">Valor exportación USD</th>
                        <th>N° programa</th>
                        <th>Cuadro insumo</th>
                        <th class="!text-right">Cantidad producto</th>
                        <th class="!text-right">Valor agregado nacional USD</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="text-right">{{ $dex->ano }}</td>
                            <td class="whitespace-nowrap">{!! $dex->numero_formulario ? e($dex->numero_formulario) : $vacio !!}</td>
                            <td class="whitespace-nowrap">{!! $dex->fecha_declaracion ? e(\Carbon\Carbon::parse($dex->fecha_declaracion)->format('Y-m-d')) : $vacio !!}</td>
                            <td class="min-w-[200px] text-[12.5px] leading-snug">{{ $dex->exportador_razon_social }}</td>
                            <td class="whitespace-nowrap">{!! $dex->nombre_pais_destino ? e($dex->nombre_pais_destino) : $vacio !!}</td>
                            <td>@if ($dex->cod_moneda)<x-etiqueta>{{ $dex->cod_moneda }}</x-etiqueta>@else{!! $vacio !!}@endif</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">{!! $dex->numero_programa ? e($dex->numero_programa) : $vacio !!}</td>
                            <td class="whitespace-nowrap">{!! $dex->cuadro_insumo ? e($dex->cuadro_insumo) : $vacio !!}</td>
                            <td class="text-right">{{ $dex->cantidad_producto }}</td>
                            <td class="whitespace-nowrap text-right">{{ $usd($dex->valor_agregado_nacional_usd) }}</td>
                            <td class="whitespace-nowrap text-right">{{ $usd($dex->valor_insumo_externo_usd) }}</td>
                        </tr>
                    @empty
                        <tr data-sin-hover>
                            <td colspan="14" 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>