<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>{{ $comprobante->tipo_documento_nombre }} {{ $comprobante->numero_completo }}</title>
@php
    $moneda = $empresaGlobal->moneda ?? '$';
    $esRetencion = $comprobante->tipo_documento === '07';
@endphp
<style>
    * { box-sizing: border-box; margin: 0; padding: 0; }
    body { font-family: 'Courier New', monospace; background: #e5e5e5; padding: 16px; font-size: 11px; color: #000; }
    .ticket { width: 80mm; max-width: 302px; margin: 0 auto; background: white; padding: 8mm 5mm; }
    .center { text-align: center; }
    .bold { font-weight: bold; }
    .lg { font-size: 13px; }
    .sm { font-size: 9px; }
    .line { border-top: 1px dashed #000; margin: 6px 0; }
    .row { display: flex; justify-content: space-between; }
    table { width: 100%; border-collapse: collapse; }
    td { padding: 2px 0; vertical-align: top; font-size: 10px; }
    .clave { font-size: 7px; word-break: break-all; }
    .actions { text-align: center; margin-bottom: 14px; }
    .actions button, .actions a { padding: 8px 16px; border: none; border-radius: 5px; font-weight: bold; cursor: pointer; text-decoration: none; font-size: 12px; }
    .btn-print { background: #059669; color: white; }
    .btn-back { background: #64748b; color: white; }
    @media print {
        body { background: white; padding: 0; }
        .ticket { width: 100%; }
        .actions { display: none; }
    }
</style>
</head>
<body>
<div class="actions">
    <button class="btn-print" onclick="window.print()">Imprimir</button>
    <a class="btn-back" href="{{ url()->previous() }}">Volver</a>
</div>

<div class="ticket">
    <div class="center">
        <div class="bold lg">{{ $empresaGlobal->nombre_comercial ?? $comprobante->emisor_razon_social }}</div>
        <div class="sm">{{ $comprobante->emisor_razon_social }}</div>
        <div class="sm">RUC: {{ $comprobante->emisor_ruc }}</div>
        <div class="sm">{{ $comprobante->emisor_dir_matriz }}</div>
    </div>

    <div class="line"></div>
    <div class="center bold">{{ strtoupper($comprobante->tipo_documento_nombre) }}</div>
    <div class="center bold">{{ $comprobante->numero_completo }}</div>
    <div class="sm center">Ambiente: {{ strtoupper($comprobante->ambiente_nombre) }}</div>
    <div class="sm center">Fecha: {{ $comprobante->fecha_emision->format('d/m/Y') }}</div>

    <div class="line"></div>
    <div class="sm">{{ $esRetencion ? 'SUJETO RETENIDO' : 'CLIENTE' }}: {{ $comprobante->receptor_razon_social }}</div>
    <div class="sm">{{ $comprobante->receptor_tipo_label }}: {{ $comprobante->receptor_identificacion }}</div>

    <div class="line"></div>
    @if($esRetencion)
        <table>
            @foreach($comprobante->detalles as $d)
            <tr>
                <td>{{ \App\Models\ComprobanteDetalle::CODIGOS_RETENCION[$d->ret_codigo] ?? $d->descripcion }}<br>
                    <span class="sm">Base {{ number_format($d->ret_base_imponible,2) }} x {{ number_format($d->ret_porcentaje,2) }}%</span>
                </td>
                <td style="text-align:right;">{{ number_format($d->ret_valor_retenido, 2) }}</td>
            </tr>
            @endforeach
        </table>
        <div class="line"></div>
        <div class="row bold lg"><span>TOTAL RETENIDO</span><span>{{ $moneda }}{{ number_format($comprobante->total_retenido, 2) }}</span></div>
    @else
        <table>
            @foreach($comprobante->detalles as $d)
            <tr>
                <td>{{ $d->descripcion }}<br>
                    <span class="sm">{{ number_format($d->cantidad, 2) }} x {{ number_format($d->precio_unitario, 4) }}</span>
                </td>
                <td style="text-align:right;">{{ number_format($d->precio_total_sin_impuesto, 2) }}</td>
            </tr>
            @endforeach
        </table>
        <div class="line"></div>
        <div class="row sm"><span>Subtotal sin impuestos</span><span>{{ $moneda }}{{ number_format($comprobante->total_sin_impuestos, 2) }}</span></div>
        @if($comprobante->total_descuento > 0)
        <div class="row sm"><span>Descuento</span><span>-{{ $moneda }}{{ number_format($comprobante->total_descuento, 2) }}</span></div>
        @endif
        <div class="row sm"><span>IVA</span><span>{{ $moneda }}{{ number_format($comprobante->total_iva, 2) }}</span></div>
        <div class="row bold lg"><span>TOTAL</span><span>{{ $moneda }}{{ number_format($comprobante->importe_total, 2) }}</span></div>
    @endif

    <div class="line"></div>
    <div class="sm bold">CLAVE DE ACCESO:</div>
    <div class="clave">{{ $comprobante->clave_acceso }}</div>
    @if($comprobante->numero_autorizacion)
        <div class="sm bold" style="margin-top:4px;">AUTORIZACIÓN:</div>
        <div class="clave">{{ $comprobante->numero_autorizacion }}</div>
    @endif

    <div class="line"></div>
    <div class="center sm">
        @if($comprobante->estado_sri === 'AUTORIZADO')
            COMPROBANTE AUTORIZADO POR EL SRI
        @else
            ESTADO: {{ str_replace('_',' ',$comprobante->estado_sri) }}
        @endif
    </div>
    @if($empresaGlobal && $empresaGlobal->mensaje_ticket)
        <div class="center sm" style="margin-top:6px;">{{ $empresaGlobal->mensaje_ticket }}</div>
    @endif
    <div class="center sm" style="margin-top:4px;">Consulte en www.sri.gob.ec</div>
</div>

<script>setTimeout(() => window.print(), 800);</script>
</body>
</html>
