@php
    $document = is_array($document ?? null) ? $document : [];
    $details = is_array($details ?? null) ? $details : [];
    $fiscalSettings = is_array($fiscalSettings ?? null) ? $fiscalSettings : [];
    $dianResolution = is_array($dianResolution ?? null) ? $dianResolution : [];
    $factusConfigured = (bool) ($factusConfigured ?? false);
    $ticketSize = in_array(($ticketSize ?? '80mm'), ['58mm', '80mm'], true) ? $ticketSize : '80mm';

    $docType = (string) ($document['tipo_documento'] ?? 'factura');
    $docLabel = $docType === 'nota_credito'
        ? 'NOTA CREDITO'
        : ($docType === 'nota_debito' ? 'NOTA DEBITO' : 'FACTURA');

    $subtotal = (float) ($document['subtotal'] ?? 0);
    $discount = (float) ($document['venta_descuento'] ?? 0);
    $taxes = (float) ($document['impuestos'] ?? 0);
    $total = (float) ($document['total'] ?? 0);
    $paid = (float) ($document['total_pagado'] ?? 0);
    $paymentMethods = trim((string) ($document['metodos_pago'] ?? ''));
    $cufe = trim((string) ($document['cufe'] ?? ''));
    $qrPath = trim((string) ($document['qr_path'] ?? ''));

    $resolutionNumber = trim((string) ($dianResolution['numero_resolucion'] ?? ($fiscalSettings['resolucion_dian'] ?? '')));
    $resolutionPrefix = trim((string) ($dianResolution['prefijo'] ?? ''));
    $resolutionRangeFrom = trim((string) ($dianResolution['rango_desde'] ?? ''));
    $resolutionRangeTo = trim((string) ($dianResolution['rango_hasta'] ?? ''));
    $resolutionDateFromRaw = trim((string) ($dianResolution['fecha_desde'] ?? ''));
    $resolutionDateToRaw = trim((string) ($dianResolution['fecha_hasta'] ?? ''));
    $resolutionDateFrom = $resolutionDateFromRaw;
    $resolutionDateTo = $resolutionDateToRaw;
    if ($resolutionDateFromRaw !== '' && ($ts = strtotime($resolutionDateFromRaw))) {
        $resolutionDateFrom = date('Y/m/d', $ts);
    }
    if ($resolutionDateToRaw !== '' && ($ts = strtotime($resolutionDateToRaw))) {
        $resolutionDateTo = date('Y/m/d', $ts);
    }

    $fiscalRegime = trim((string) ($fiscalSettings['regimen_fiscal'] ?? ''));
    $fiscalActivity = trim((string) ($fiscalSettings['actividad_economica'] ?? ''));
    $isVatResponsible = trim((string) ($fiscalSettings['responsable_iva'] ?? '0')) === '1';

    $saleDateRaw = trim((string) ($document['fecha_emision'] ?? ''));
    $saleDate = $saleDateRaw;
    $saleTime = '';
    if ($saleDateRaw !== '' && ($timestamp = strtotime($saleDateRaw))) {
        $saleDate = date('d/m/Y', $timestamp);
        $saleTime = date('H:i', $timestamp);
    }

    $lineItems = [];
    $taxSummary = [];
    $totalItems = 0.0;
    $lineTaxTotal = 0.0;
    $lineNetBaseTotal = 0.0;
    $lineGrossTotal = 0.0;
    $lineDiscountTotal = 0.0;
    foreach ($details as $line) {
        $lineQty = (float) ($line['cantidad'] ?? 0);
        $lineUnitPrice = (float) ($line['precio_unitario'] ?? 0);
        $lineGross = round($lineQty * $lineUnitPrice, 2);
        $lineTax = (float) ($line['impuesto'] ?? 0);
        $lineTotal = (float) ($line['total_linea'] ?? 0);
        $lineBase = max(0.0, $lineTotal - $lineTax);
        $lineDiscount = max(0.0, round($lineGross - $lineBase, 2));

        $lineGrossTotal += $lineGross;
        $lineNetBaseTotal += $lineBase;
        $lineTaxTotal += $lineTax;
        $lineDiscountTotal += $lineDiscount;
        $totalItems += $lineQty;

        $lineItems[] = [
            'descripcion' => (string) ($line['descripcion'] ?? ''),
            'cantidad' => $lineQty,
            'gross' => $lineGross,
            'base' => $lineBase,
            'impuesto' => $lineTax,
            'descuento' => $lineDiscount,
            'total' => $lineTotal,
        ];

        if ($lineTax <= 0.0001) {
            continue;
        }

        $rate = $lineBase > 0.0001 ? round(($lineTax / $lineBase) * 100, 2) : 0.0;
        $rateKey = number_format($rate, 2, '.', '');
        if (! isset($taxSummary[$rateKey])) {
            $taxSummary[$rateKey] = ['base' => 0.0, 'impuesto' => 0.0, 'tasa' => $rate];
        }
        $taxSummary[$rateKey]['base'] += $lineBase;
        $taxSummary[$rateKey]['impuesto'] += $lineTax;
    }
    ksort($taxSummary, SORT_NATURAL);

    $discountLabel = $discount > 0.0001 ? $discount : $lineDiscountTotal;
    $taxableBase = max(0.0, round($subtotal - $discountLabel, 2));
    $computedTotal = round($taxableBase + $taxes, 2);
    $finalTotal = abs($computedTotal - $total) <= 0.02 ? $total : $computedTotal;
    $itemsLabel = (int) round($totalItems) > 0 ? (int) round($totalItems) : count($details);
    $hasFeEvidence = $cufe !== '' || $qrPath !== '';
    $showResolutionBlock = ($resolutionNumber !== '' || $resolutionPrefix !== '' || $resolutionRangeFrom !== '');

    $widthMm = $ticketSize === '58mm' ? '58mm' : '80mm';
    $bodyFont = $ticketSize === '58mm' ? '10px' : '11px';
    $compactFont = $ticketSize === '58mm' ? '9px' : '10px';
    $totalFont = $ticketSize === '58mm' ? '15px' : '17px';
    $taxGrid = $ticketSize === '58mm' ? '34px 48px 36px 1fr' : '44px 56px 44px 1fr';
@endphp
<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Ticket {{ $document['numero'] ?? '' }}</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 18px 12px;
            background: #f4f6f8;
            color: #111827;
        }
        .actions {
            width: {{ $widthMm }};
            max-width: 100%;
            margin: 0 auto 14px;
            display: flex;
            justify-content: space-between;
            gap: 8px;
        }
        .btn {
            border: 1px solid #d1d5db;
            background: #fff;
            color: #111827;
            border-radius: 6px;
            padding: 6px 10px;
            font-size: 13px;
            text-decoration: none;
            cursor: pointer;
        }
        .btn-primary { background: #111827; border-color: #111827; color: #fff; }

        .ticket-shell {
            width: {{ $widthMm }};
            max-width: 100%;
            margin: 0 auto;
            background: #fff;
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            padding: 12px 10px;
        }

        .ticket-wrap {
            font-family: "Courier New", Courier, monospace;
            font-size: {{ $bodyFont }};
            line-height: 1.3;
            color: #111;
        }
        .ticket-divider, .ticket-divider-thin {
            border-top: 1px dashed #333;
            margin: 6px 0;
        }
        .ticket-divider-thin { border-top-color: #777; margin: 4px 0; }
        .ticket-center { text-align: center; }
        .ticket-title {
            text-transform: uppercase;
            font-weight: 700;
            letter-spacing: 0.3px;
        }
        .ticket-row {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            gap: 8px;
        }
        .ticket-row-value { text-align: right; white-space: nowrap; }
        .ticket-compact { font-size: {{ $compactFont }}; }
        .ticket-products-head {
            display: grid;
            grid-template-columns: 1fr auto;
            gap: 8px;
            font-weight: 700;
            text-transform: uppercase;
        }
        .ticket-product { margin-bottom: 4px; }
        .ticket-product-desc { display: block; word-break: break-word; }
        .ticket-product-meta {
            margin-top: 1px;
            font-size: {{ $ticketSize === '58mm' ? '8px' : '9px' }};
            color: #333;
        }
        .ticket-save {
            text-align: center;
            font-weight: 800;
            font-size: {{ $ticketSize === '58mm' ? '13px' : '15px' }};
            margin: 8px 0 3px;
        }
        .ticket-total-block { text-align: center; margin: 4px 0; }
        .ticket-total-label {
            font-size: {{ $compactFont }};
            text-transform: uppercase;
            letter-spacing: 0.3px;
        }
        .ticket-total-value {
            font-size: {{ $totalFont }};
            font-weight: 800;
            line-height: 1.15;
        }
        .ticket-tax-head, .ticket-tax-row {
            display: grid;
            grid-template-columns: {{ $taxGrid }};
            gap: 6px;
            align-items: baseline;
        }
        .ticket-tax-head { font-weight: 700; text-transform: uppercase; }
        .ticket-tax-row span:nth-child(2),
        .ticket-tax-row span:nth-child(4) { text-align: right; }
        .ticket-tax-row span { white-space: nowrap; }
        .ticket-footer-title {
            text-transform: uppercase;
            font-weight: 700;
            text-align: center;
            letter-spacing: 0.25px;
        }
        .ticket-footer-block {
            font-size: {{ $compactFont }};
            line-height: 1.25;
        }
        .ticket-footer-line { margin: 1px 0; }
        .ticket-footer-line-cufe {
            word-break: break-all;
            overflow-wrap: anywhere;
            line-height: 1.2;
        }
        .ticket-qrcode {
            margin: 7px auto 5px;
            width: {{ $ticketSize === '58mm' ? '82px' : '108px' }};
            height: {{ $ticketSize === '58mm' ? '82px' : '108px' }};
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .ticket-qrcode img {
            max-width: 100%;
            max-height: 100%;
            object-fit: contain;
            image-rendering: pixelated;
        }
        .ticket-muted { color: #333; }

        @media print {
            @page {
                size: {{ $widthMm }} auto;
                margin: 2mm;
            }
            body { background: #fff; padding: 0; }
            .actions { display: none; }
            .ticket-shell {
                border: 0;
                border-radius: 0;
                padding: 0;
                width: {{ $widthMm }};
            }
        }
    </style>
</head>
<body>
    <div class="actions">
        <a class="btn" href="{{ url('ventas/'.(int) ($document['venta_id'] ?? 0)) }}">Volver</a>
        <button class="btn btn-primary" type="button" onclick="window.print()">Imprimir</button>
    </div>

    <div class="ticket-shell">
        <div class="ticket-wrap">
            <div class="ticket-center ticket-compact">
                <strong>{{ $document['empresa_nombre'] ?? 'Veltrix POS' }}</strong><br>
                NIT: {{ $document['empresa_nit'] ?? '-' }}<br>
                {{ $document['empresa_direccion'] ?? '-' }}<br>
                Tel: {{ $document['empresa_telefono'] ?? '-' }}<br>
                Local: {{ $document['sucursal_nombre'] ?? 'Sucursal general' }}
            </div>

            <div class="ticket-divider"></div>

            <div class="ticket-title ticket-center">{{ $docLabel }}</div>
            <div class="ticket-divider-thin"></div>
            <div class="ticket-compact">
                <div class="ticket-row"><span>Ticket</span><span class="ticket-row-value">{{ $document['numero'] ?? '-' }}</span></div>
                <div class="ticket-row"><span>Fecha</span><span class="ticket-row-value">{{ $saleDate !== '' ? $saleDate : '-' }}</span></div>
                <div class="ticket-row"><span>Hora</span><span class="ticket-row-value">{{ $saleTime !== '' ? $saleTime : '-' }}</span></div>
                <div class="ticket-row"><span>Cajero</span><span class="ticket-row-value">{{ $document['cajero'] ?? '-' }}</span></div>
                <div class="ticket-row"><span>Cliente</span><span class="ticket-row-value">{{ $document['cliente_documento'] !== '' ? $document['cliente_documento'] : '-' }}</span></div>
                <div class="ticket-center">{{ $document['cliente_nombre'] ?? 'Consumidor final' }}</div>
            </div>

            <div class="ticket-divider"></div>

            <div class="ticket-products-head">
                <span>Descripcion</span>
                <span>Importe</span>
            </div>
            <div class="ticket-divider-thin"></div>

            @forelse ($lineItems as $line)
                <div class="ticket-product">
                    <div class="ticket-row">
                        <span class="ticket-product-desc">
                            {{ number_format((float) $line['cantidad'], 2, '.', '') }}x
                            {{ $line['descripcion'] }}
                        </span>
                        <span class="ticket-row-value">{{ money((float) $line['total']) }}</span>
                    </div>
                    <div class="ticket-product-meta">
                        @if ((float) $line['descuento'] > 0.0001)
                            Desc: -{{ money((float) $line['descuento']) }} |
                        @endif
                        IVA: {{ money((float) $line['impuesto']) }} |
                        Bruto: {{ money((float) $line['gross']) }}
                    </div>
                </div>
            @empty
                <div class="ticket-center">Sin lineas registradas</div>
            @endforelse

            <div class="ticket-divider"></div>

            <div class="ticket-row"><span>Subtotal bruto</span><span class="ticket-row-value">{{ money($subtotal) }}</span></div>
            @if ($discountLabel > 0.0001)
                <div class="ticket-save">AHORRO: -{{ money($discountLabel) }}</div>
            @endif
            <div class="ticket-row"><span>Base gravable</span><span class="ticket-row-value">{{ money($taxableBase) }}</span></div>
            <div class="ticket-row"><span>IVA</span><span class="ticket-row-value">{{ money($taxes) }}</span></div>

            <div class="ticket-total-block">
                <div class="ticket-total-label">Total</div>
                <div class="ticket-total-value">{{ money($finalTotal) }}</div>
                <div class="ticket-compact">{{ $itemsLabel }} articulos</div>
            </div>

            <div class="ticket-divider"></div>

            <div class="ticket-title ticket-center">Pago</div>
            <div class="ticket-divider-thin"></div>
            <div class="ticket-row">
                <span>{{ $paymentMethods !== '' ? $paymentMethods : 'Sin metodo' }}</span>
                <span class="ticket-row-value">{{ money($paid > 0 ? $paid : $finalTotal) }}</span>
            </div>

            <div class="ticket-divider"></div>
            <div class="ticket-tax-head ticket-compact">
                <span>Tasa</span>
                <span>Importe</span>
                <span>Tipo</span>
                <span>Base IVA excl.</span>
            </div>
            <div class="ticket-divider-thin"></div>
            @if (! empty($taxSummary))
                @foreach ($taxSummary as $row)
                    <div class="ticket-tax-row ticket-compact">
                        <span>IVA</span>
                        <span>{{ money((float) $row['impuesto']) }}</span>
                        <span>{{ number_format((float) $row['tasa'], 0, ',', '.') }}%</span>
                        <span>{{ money((float) $row['base']) }}</span>
                    </div>
                @endforeach
            @else
                <div class="ticket-tax-row ticket-compact">
                    <span>IVA</span>
                    <span>{{ money(0) }}</span>
                    <span>0%</span>
                    <span>{{ money(0) }}</span>
                </div>
            @endif

            <div class="ticket-divider"></div>

            <div class="ticket-compact">
                <div class="ticket-row"><span>Impuestos</span><span class="ticket-row-value">{{ money($taxes) }}</span></div>
                <div class="ticket-row"><span>Estado</span><span class="ticket-row-value">{{ $document['estado'] ?? 'emitida' }}</span></div>
            </div>

            @if ($showResolutionBlock)
                <div class="ticket-divider"></div>
                <div class="ticket-footer-title">Autorizacion numeracion de facturacion</div>
                <div class="ticket-footer-block">
                    <div class="ticket-footer-line"><strong>Numero:</strong> {{ $resolutionNumber !== '' ? $resolutionNumber : 'Sin configurar' }}</div>
                    <div class="ticket-footer-line"><strong>Numeracion:</strong> {{ $resolutionNumber !== '' ? 'AUTORIZADA' : 'PENDIENTE CONFIGURACION' }}</div>
                    <div class="ticket-footer-line">
                        <strong>Rango:</strong>
                        desde {{ ($resolutionPrefix ?: '').($resolutionRangeFrom !== '' ? $resolutionRangeFrom : '?') }}
                        hasta {{ ($resolutionPrefix ?: '').($resolutionRangeTo !== '' ? $resolutionRangeTo : '?') }}
                    </div>
                    @if ($resolutionDateFrom !== '' || $resolutionDateTo !== '')
                        <div class="ticket-footer-line"><strong>Vigencia:</strong> desde {{ $resolutionDateFrom !== '' ? $resolutionDateFrom : '-' }}</div>
                        <div class="ticket-footer-line">hasta {{ $resolutionDateTo !== '' ? $resolutionDateTo : '-' }}</div>
                    @endif
                </div>
                <div class="ticket-divider-thin"></div>
            @endif

            <div class="ticket-center ticket-footer-block ticket-muted">
                @if ($fiscalRegime !== '')
                    <div class="ticket-footer-line">Regimen fiscal: {{ $fiscalRegime }}</div>
                @endif
                @if ($fiscalActivity !== '')
                    <div class="ticket-footer-line">Actividad economica: {{ $fiscalActivity }}</div>
                @endif
                @if ($isVatResponsible)
                    <div class="ticket-footer-line">Responsable de IVA</div>
                @endif
                @if ($cufe !== '')
                    <div class="ticket-footer-line ticket-footer-line-cufe"><strong>CUFE:</strong> {{ $cufe }}</div>
                @endif
            </div>

            @if ($qrPath !== '')
                <div class="ticket-qrcode">
                    <img src="{{ Str::startsWith($qrPath, ['http://', 'https://']) ? $qrPath : asset(ltrim($qrPath, '/')) }}" alt="QR Factura electronica">
                </div>
            @elseif ($cufe !== '')
                <div class="ticket-qrcode">
                    <img src="https://quickchart.io/qr?size=220&text={{ urlencode($cufe) }}" alt="QR Factura electronica">
                </div>
            @endif

            <div class="ticket-center ticket-footer-block">
                <div class="ticket-divider-thin"></div>
                Gracias por su compra<br>
                @if ($hasFeEvidence)
                    Consulte su factura electronica en su portal.
                @endif
            </div>
        </div>
    </div>

    <script>
        window.addEventListener('load', () => {
            setTimeout(() => window.print(), 250);
        });
    </script>
</body>
</html>