{{-- Declaraciones juramentadas (IMUSA): listado por vigencia (/declaraciones, DeclaracionesJuramentadasController@juramentadas).
     Kit ui-ctc (MigracionLayout.MD L3). Mismos formularios GET (búsqueda y Excel: campos, orden, valores por defecto y
     required), mismo enlace a "Agregar declaración" y la misma paginación de 20. Distinta de declaracion/juramentada
     (componente exportaciones.declaraciones-com, otra tabla). --}}
@php
    $fecha_inicial_default = date('Y-m-01'); // Primer día del mes actual
    $fecha_final_default = date('Y-m-d');    // Fecha actual
@endphp
<x-app-layout titulo="Declaraciones juramentadas">
    <x-pagina>
        <x-encabezado-pagina ruta="Exportaciones · Operaciones" titulo="Declaraciones juramentadas"
                             descripcion="{{ number_format($data->total(), 0, ',', '.') }} declaraciones vigentes encontradas.">
            <x-slot name="acciones">
                {{-- Excel con el rango de la búsqueda --}}
                <form action="{{ route('declaraciones.export') }}" method="GET">
                    @csrf
                    <input type="hidden" name="fecha_inicial" value="{{ request('fecha_inicial', $fecha_inicial_default) }}">
                    <input type="hidden" name="fecha_final"   value="{{ request('fecha_final', $fecha_final_default) }}">
                    <x-secondary-button type="submit">
                        <x-icono nombre="table-cells" class="h-4 w-4 text-emerald-600 dark:text-emerald-400" /> Descargar en Excel
                    </x-secondary-button>
                </form>
                <x-enlace-boton variante="primario" href="{{ pantalla(route('declaracion-juramentada.new', [], false)) }}">
                    <x-icono nombre="plus-circle" /> Agregar declaración
                </x-enlace-boton>
            </x-slot>
        </x-encabezado-pagina>

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

        {{-- Formulario para buscar por fechas --}}
        <x-tarjeta titulo="Filtros">
            <form action="{{ route('declaracion-juramentada') }}" method="GET" class="flex flex-wrap items-end gap-4">
                @csrf
                <x-campo etiqueta="Fecha inicial vigencia" para="fecha_inicial" class="w-full sm:w-52">
                    <x-input type="date" id="fecha_inicial" name="fecha_inicial" value="{{ request('fecha_inicial', $fecha_inicial_default) }}" required />
                </x-campo>
                <x-campo etiqueta="Fecha final vigencia" para="fecha_final" class="w-full sm:w-52">
                    <x-input type="date" id="fecha_final" name="fecha_final" value="{{ request('fecha_final', $fecha_final_default) }}" required />
                </x-campo>
                <x-button><x-icono nombre="magnifying-glass" /> Buscar</x-button>
            </form>
        </x-tarjeta>

        {{-- Resultados --}}
        <section class="min-w-0 overflow-hidden rounded-xl border border-[var(--borde)] bg-[var(--superficie)]">
            <div class="ctc-tabla-caja">
                <table class="ctc-tabla">
                    <thead>
                        <tr>
                            <th>Razón social</th>
                            <th>Subpartida</th>
                            <th>Nombre comercial</th>
                            <th>Tipo producto</th>
                            <th class="text-right">Declaración</th>
                            <th>País calificado</th>
                            <th>Vigencia</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse ($data as $decla)
                            <tr>
                                <td>{{ $decla['razon_social'] ?? 'N/A' }}</td>
                                <td class="whitespace-nowrap">{{ $decla['subpartida'] ?? 'N/A' }}</td>
                                <td>{{ $decla['nombre_comercial'] }}</td>
                                <td>{{ $decla['tipo_producto'] }}</td>
                                <td class="text-right tabular-nums">{{ $decla['declaracion'] }}</td>
                                <td>{{ $decla['pais_calificado'] }}</td>
                                <td class="whitespace-nowrap">{{ $decla['vigencia'] }}</td>
                            </tr>
                        @empty
                            <tr data-sin-hover><td colspan="7" 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 en el rango de fechas seleccionado.</p>
                                </div>
                            </td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            @if ($data->hasPages())
                <div class="border-t border-[var(--borde)] px-5 py-3">{{ $data->links('vendor.pagination.ctc') }}</div>
            @endif
        </section>
    </x-pagina>
</x-app-layout>