{{-- resources/views/livewire/reportes/ventas.blade.php --}}
<div>
    <div style="display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;">
        <div>
            <div class="page-title">📊 Reportes · Ventas</div>
            <div class="page-sub">Excel para contador · compatible con declaración D-104</div>
        </div>
    </div>

    @if($mensaje_error)
    <div class="alert alert-red" x-data x-init="setTimeout(() => $wire.set('mensaje_error',''), 5000)">
        ❌ {{ $mensaje_error }}
    </div>
    @endif

    {{-- Selector de período --}}
    <div class="inset-card" style="margin-bottom:18px;">
        <div style="padding:18px 20px;display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;">
            <div class="field" style="min-width:160px;">
                <label>Desde</label>
                <input type="date" wire:model.live="desde" />
            </div>
            <div class="field" style="min-width:160px;">
                <label>Hasta</label>
                <input type="date" wire:model.live="hasta" />
            </div>
            {{-- Accesos rápidos de período --}}
            <div style="display:flex;gap:6px;flex-wrap:wrap;padding-bottom:2px;">
                <button wire:click="$set('desde', '{{ now()->startOfMonth()->format('Y-m-d') }}')"
                        class="btn-plain" style="font-size:11px;padding:6px 10px;">Este mes</button>
                <button wire:click="$set('desde', '{{ now()->subMonth()->startOfMonth()->format('Y-m-d') }}'); $wire.set('hasta', '{{ now()->subMonth()->endOfMonth()->format('Y-m-d') }}')"
                        class="btn-plain" style="font-size:11px;padding:6px 10px;">Mes anterior</button>
                <button wire:click="$set('desde', '{{ now()->startOfQuarter()->format('Y-m-d') }}')"
                        class="btn-plain" style="font-size:11px;padding:6px 10px;">Este trimestre</button>
            </div>
            <button wire:click="exportar"
                    wire:loading.attr="disabled"
                    class="btn-blue" style="padding:10px 22px;">
                <span wire:loading.remove wire:target="exportar">⬇️ Exportar Excel</span>
                <span wire:loading wire:target="exportar">Generando…</span>
            </button>
        </div>
    </div>

    @if($resumen)
    {{-- KPIs del período --}}
    <div style="display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;">
        <div style="background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);">
            <div style="font-size:11px;color:var(--label2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px;">Comprobantes</div>
            <div style="font-size:26px;font-weight:700;">{{ number_format($resumen['total_comprobantes']) }}</div>
        </div>
        <div style="background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);">
            <div style="font-size:11px;color:var(--label2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px;">Venta neta</div>
            <div style="font-size:22px;font-weight:700;">₡{{ number_format($resumen['subtotal_bruto'] - $resumen['total_descuentos'], 0) }}</div>
        </div>
        <div style="background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);">
            <div style="font-size:11px;color:var(--label2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px;">IVA cobrado</div>
            <div style="font-size:22px;font-weight:700;color:var(--blue);">₡{{ number_format($resumen['total_iva'], 0) }}</div>
        </div>
        <div style="background:#fff;border-radius:16px;padding:16px;box-shadow:var(--shadow);">
            <div style="font-size:11px;color:var(--label2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px;">Total comprobantes</div>
            <div style="font-size:22px;font-weight:700;">₡{{ number_format($resumen['total_comprobante'], 0) }}</div>
        </div>
    </div>

    {{-- Tabla resumen D-104 --}}
    <div class="group-label">Resumen por tarifa (D-104)</div>
    <div class="inset-card" style="margin-bottom:18px;">
        <table class="ios-table">
            <thead>
                <tr>
                    <th>Tarifa IVA</th>
                    <th style="text-align:right;">Base gravada</th>
                    <th style="text-align:right;">IVA cobrado</th>
                    <th style="text-align:right;">Devolución</th>
                    <th style="text-align:right;">IVA neto</th>
                </tr>
            </thead>
            <tbody>
                @foreach([
                    ['13% · General',       'base_13', 'iva_13', 0],
                    ['4% · Salud (con dev)','base_4',  'iva_4_con_dev', 'iva_4_con_dev'],
                    ['4% · Salud (sin dev)','base_4',  'iva_4_sin_dev', 0],
                    ['2% · Medicamentos',   'base_2',  'iva_2', 0],
                    ['1% · Canasta básica', 'base_1',  'iva_1', 0],
                ] as [$label, $base_key, $iva_key, $dev_key])
                @php
                    $base = (float) ($resumen[$base_key] ?? 0);
                    $iva  = (float) ($resumen[$iva_key] ?? 0);
                    $dev  = is_numeric($dev_key) ? $dev_key : (float) ($resumen[$dev_key] ?? 0);
                    $neto = $iva - $dev;
                @endphp
                @if($iva > 0)
                <tr>
                    <td style="font-size:12px;font-weight:500;">{{ $label }}</td>
                    <td style="text-align:right;font-family:'Courier New',monospace;font-size:12px;">
                        ₡{{ number_format($base, 2) }}
                    </td>
                    <td style="text-align:right;font-family:'Courier New',monospace;font-size:12px;">
                        ₡{{ number_format($iva, 2) }}
                    </td>
                    <td style="text-align:right;font-family:'Courier New',monospace;font-size:12px;
                               color:{{ $dev > 0 ? 'var(--green2)' : 'var(--label3)' }};">
                        {{ $dev > 0 ? '-₡'.number_format($dev, 2) : '—' }}
                    </td>
                    <td style="text-align:right;font-weight:700;font-family:'Courier New',monospace;font-size:12px;">
                        ₡{{ number_format($neto, 2) }}
                    </td>
                </tr>
                @endif
                @endforeach
                <tr style="background:var(--bg);font-weight:700;">
                    <td>TOTAL</td>
                    <td style="text-align:right;font-family:'Courier New',monospace;">
                        ₡{{ number_format(($resumen['base_13']??0)+($resumen['base_4']??0)+($resumen['base_2']??0)+($resumen['base_1']??0), 2) }}
                    </td>
                    <td style="text-align:right;font-family:'Courier New',monospace;">
                        ₡{{ number_format($resumen['total_iva'], 2) }}
                    </td>
                    <td style="text-align:right;font-family:'Courier New',monospace;color:var(--green2);">
                        -₡{{ number_format($resumen['total_devolucion_iva'], 2) }}
                    </td>
                    <td style="text-align:right;font-family:'Courier New',monospace;color:var(--blue);">
                        ₡{{ number_format($resumen['total_iva'] - $resumen['total_devolucion_iva'], 2) }}
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

    {{-- Preview tabla de comprobantes --}}
    @if($datos && $datos->count() > 0)
    <div class="group-label">Últimos comprobantes del período ({{ $datos->count() }} total)</div>
    <div class="inset-card">
        <div style="overflow-x:auto;">
            <table class="ios-table" style="min-width:800px;">
                <thead>
                    <tr>
                        <th>Fecha</th>
                        <th>N° Consecutivo</th>
                        <th>Receptor</th>
                        <th style="text-align:right;">Base 13%</th>
                        <th style="text-align:right;">IVA 13%</th>
                        <th style="text-align:right;">Base 4%</th>
                        <th style="text-align:right;">IVA 4%</th>
                        <th style="text-align:right;">Total</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($datos->take(15) as $fila)
                    <tr wire:key="rv-{{ $fila->id }}">
                        <td style="font-size:11px;color:var(--label2);">{{ $fila->created_at->format('d/m/Y') }}</td>
                        <td class="td-mono" style="font-size:11px;color:var(--blue);">{{ $fila->consecutivo }}</td>
                        <td style="font-size:12px;">{{ $fila->receptor_nombre ?: '—' }}</td>
                        <td style="text-align:right;font-family:'Courier New',monospace;font-size:11px;">₡{{ number_format($fila->base_gravada_13, 2) }}</td>
                        <td style="text-align:right;font-family:'Courier New',monospace;font-size:11px;">₡{{ number_format($fila->iva_13, 2) }}</td>
                        <td style="text-align:right;font-family:'Courier New',monospace;font-size:11px;">₡{{ number_format($fila->base_gravada_4, 2) }}</td>
                        <td style="text-align:right;font-family:'Courier New',monospace;font-size:11px;">₡{{ number_format($fila->iva_4, 2) }}</td>
                        <td style="text-align:right;font-weight:700;font-family:'Courier New',monospace;font-size:12px;">₡{{ number_format($fila->total_comprobante, 2) }}</td>
                    </tr>
                    @endforeach
                    @if($datos->count() > 15)
                    <tr>
                        <td colspan="8" style="text-align:center;padding:12px;font-size:12px;color:var(--label2);">
                            … y {{ $datos->count() - 15 }} más en el Excel exportado
                        </td>
                    </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
    @endif
    @endif
</div>