{{-- Histórico de facturas procesadas de Declaración de Cambio (dentro de calculonumerales), kit ui-ctc.
     "Revertir" pide confirmación con swal:confirmarReversionFactura (partials.eventos-planti) → revertirFactura. --}}
<div class="space-y-5">
    <x-catalogo.busqueda modelo="search" placeholder="Búsqueda por número de factura" />

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

    <x-catalogo.lista titulo="Histórico de facturas procesadas" :total="$historico->total()" :paginador="$historico" livewire :leyendaInactivo="false">
        <thead>
            <tr>
                <th class="ctc-fija ctc-fija-ultima" style="left:0">Nro factura</th>
                <th>Cliente</th>
                <th>Entidad bancaria</th>
                <th>Fecha extracto</th>
                <th>Documento transporte</th>
                <th>Fecha documento transporte</th>
                <th class="text-right">Días extracto vs doc. embarque</th>
                <th>Numeral</th>
                <th class="text-right">Valor FOB</th>
                <th class="text-right">Numeral 2016</th>
                <th class="text-center">Validación</th>
                <th><span class="sr-only">Acciones</span></th>
            </tr>
        </thead>
        <tbody>
            @forelse ($historico as $index => $factura)
                {{-- valor_sfo llega vacío en las declaraciones antiguas: number_format('') y '' + número fallan en PHP 8. --}}
                @php $valorSfo = (float) $factura['valor_sfo']; @endphp
                <tr wire:key="historico-{{ $factura['id_factura'] }}-{{ $index }}">
                    <td class="ctc-fija ctc-fija-ultima font-medium" style="left:0">{{ $factura['nro_factura'] }}</td>
                    <td>{{ $factura['cliente'] }}</td>
                    <td>{{ $factura['banco'] }}</td>
                    <td class="whitespace-nowrap">{{ $factura['fecha_extracto'] }}</td>
                    <td>{{ $factura['documento_transporte'] }}</td>
                    <td class="whitespace-nowrap">{!! $factura['fecha_doc_transporte'] == '' ? '<span class="text-[var(--texto-tenue)]">—</span>' : e($factura['fecha_doc_transporte']) !!}</td>
                    <td class="text-right tabular-nums">{{ $factura['dias'] }}</td>
                    <td><x-etiqueta variante="neutro">{{ $factura['numeral'] }}</x-etiqueta></td>
                    <td class="whitespace-nowrap text-right tabular-nums">${{ number_format($factura['valor_fob']) }}</td>
                    <td class="whitespace-nowrap text-right tabular-nums">${{ number_format($valorSfo) }}</td>
                    <td class="text-center">
                        @include('livewire.po.partials.declaracion-cambio-validacion', ['cuadra' => $factura['valor_factura'] == $factura['valor_fob'] + $valorSfo, 'otro' => 'numeral 2016'])
                    </td>
                    <td class="w-[1%] whitespace-nowrap !px-2">
                        <x-secondary-button class="!h-8 !px-3" wire:click="revertir({{ $factura['id_factura'] }})">
                            <x-icono nombre="arrow-uturn-left" /> Revertir
                        </x-secondary-button>
                    </td>
                </tr>
                @php
                    $total_fob += $factura['valor_fob'];
                    $total_num_2016 += $valorSfo;
                @endphp
            @empty
                <tr data-sin-hover><td colspan="12" class="!p-0">
                    <div class="ctc-vacio py-10 text-center text-[14px] text-[var(--texto-suave)]">No hay facturas procesadas.</div>
                </td></tr>
            @endforelse
            @if (count($historico) > 0)
                <tr data-sin-hover class="bg-[var(--superficie-2)] font-semibold">
                    <td class="ctc-fija ctc-fija-ultima bg-[var(--superficie-2)]" style="left:0">TOTAL</td>
                    <td colspan="7"></td>
                    <td class="whitespace-nowrap text-right tabular-nums">${{ number_format($total_fob) }}</td>
                    <td class="whitespace-nowrap text-right tabular-nums">${{ number_format($total_num_2016) }}</td>
                    <td></td>
                    <td></td>
                </tr>
            @endif
        </tbody>
    </x-catalogo.lista>
</div>