<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    @if ($formato === 'ticket')
        <style>
            body { font-family: Helvetica, Arial, sans-serif; font-size: 9px; color: #000; width: 100%; }
            .header { text-align: center; margin-bottom: 6px; }
            .header img { max-height: 40px; margin-bottom: 4px; }
            .header h1 { font-size: 11px; margin: 0; }
            .header p { margin: 1px 0; font-size: 8px; }
            hr { border: none; border-top: 1px dashed #000; margin: 6px 0; }
            .info p { margin: 1px 0; font-size: 8px; }
            .item { margin-bottom: 3px; font-size: 8px; }
            .item .nombre { font-weight: bold; }
            .item .detalle { display: flex; justify-content: space-between; }
            .totales p { display: flex; justify-content: space-between; margin: 1px 0; font-size: 8px; }
            .totales .total-row { font-weight: bold; font-size: 10px; }
            .descuento { color: #444; }
            .footer { margin-top: 10px; font-size: 7px; text-align: center; color: #333; }
        </style>
    @else
        <style>
            body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; color: #222; }
            .header { text-align: center; margin-bottom: 10px; }
            .header img { max-height: 60px; margin-bottom: 6px; }
            .header h1 { font-size: 16px; margin: 0; }
            .header p { margin: 2px 0; font-size: 11px; }
            table { width: 100%; border-collapse: collapse; }
            .info-table td { vertical-align: top; padding: 2px 0; }
            .items-table { margin-top: 10px; }
            .items-table th, .items-table td { border: 1px solid #999; padding: 4px 6px; font-size: 11px; }
            .items-table th { background: #eee; }
            .totales td { padding: 2px 6px; font-size: 11px; }
            .totales .label { text-align: right; }
            .totales .value { text-align: right; width: 90px; }
            .totales .descuento { color: #b8860b; }
            .totales .total-row td { font-weight: bold; border-top: 1px solid #999; }
            .footer { margin-top: 15px; font-size: 10px; color: #555; }
        </style>
    @endif
</head>
<body>
    <div class="header">
        @if ($negocio->logo_path)
            <img src="{{ storage_path('app/public/'.$negocio->logo_path) }}" alt="{{ $negocio->nombre }}">
        @endif
        <h1>{{ $negocio->nombre }}</h1>
        @if ($negocio->nif)<p>RIF/NIF: {{ $negocio->nif }}</p>@endif
        @if ($negocio->direccion)<p>{{ $negocio->direccion }}</p>@endif
        <p>
            @if ($negocio->telefono) Tel: {{ $negocio->telefono }} @endif
            @if ($negocio->email) &nbsp;|&nbsp; {{ $negocio->email }} @endif
        </p>
    </div>

    @if ($formato === 'ticket')
        <hr>
        <div class="info">
            <p><strong>Factura N°:</strong> {{ $factura->numeroFormateado() }}</p>
            <p><strong>Fecha:</strong> {{ $factura->created_at->format('d/m/Y H:i') }}</p>
            <p><strong>Cliente:</strong> {{ $factura->cliente->nombre }}</p>
            <p><strong>Cédula/RIF:</strong> {{ $factura->cliente->cedula }}</p>
        </div>
        <hr>

        @foreach ($factura->detalles as $detalle)
            <div class="item">
                <div class="nombre">{{ $detalle->descripcion }}</div>
                <div class="detalle">
                    <span>{{ $detalle->cantidad }} x {{ number_format($detalle->precio_unitario, 2) }} ({{ $detalle->tipoImpuesto->nombre }})</span>
                    <span>{{ number_format($detalle->subtotal, 2) }}</span>
                </div>
            </div>
        @endforeach

        <hr>
        <div class="totales">
            <p><span>Subtotal</span><span>{{ number_format($factura->subtotal + $factura->descuento_monto, 2) }}</span></p>
            @if ($factura->descuento_monto > 0)
                <p class="descuento"><span>Descuento{{ $factura->descuento_porcentaje > 0 ? ' ('.number_format($factura->descuento_porcentaje, 2).'%)' : '' }}@if ($factura->cupon) {{ $factura->cupon->codigo }}@endif</span><span>-{{ number_format($factura->descuento_monto, 2) }}</span></p>
            @endif
            @foreach ($factura->impuestos_desglose ?? [] as $grupo)
                <p><span>{{ $grupo['nombre'] }} ({{ number_format($grupo['porcentaje'], 2) }}%)</span><span>{{ number_format($grupo['monto'], 2) }}</span></p>
            @endforeach
            <p class="total-row"><span>TOTAL</span><span>{{ number_format($factura->total, 2) }}</span></p>
            <p><span>Efectivo</span><span>{{ number_format($factura->efectivo, 2) }}</span></p>
            <p><span>Débito</span><span>{{ number_format($factura->debito, 2) }}</span></p>
            <p><span>Crédito</span><span>{{ number_format($factura->credito, 2) }}</span></p>
            <p><span>Cheque</span><span>{{ number_format($factura->cheque, 2) }}</span></p>
            <p><span>Vuelto</span><span>{{ number_format($factura->vuelto, 2) }}</span></p>
        </div>
        <hr>

        @if ($factura->observaciones)
            <p style="font-size: 8px;"><strong>Obs:</strong> {{ $factura->observaciones }}</p>
        @endif

        @if ($factura->esNotaCredito())
            <p style="text-align: center; font-weight: bold;">NOTA DE CRÉDITO PENDIENTE</p>
        @endif

        <div class="footer">Sistema de facturación</div>
    @else
        <table class="info-table">
            <tr>
                <td style="width: 50%;">
                    <strong>Factura N°:</strong> {{ $factura->numeroFormateado() }}<br>
                    <strong>Fecha:</strong> {{ $factura->created_at->format('d/m/Y H:i') }}
                </td>
                <td style="width: 50%;">
                    <strong>Cliente:</strong> {{ $factura->cliente->nombre }}<br>
                    <strong>Cédula/RIF:</strong> {{ $factura->cliente->cedula }}<br>
                    <strong>Teléfono:</strong> {{ $factura->cliente->telefono }}
                </td>
            </tr>
        </table>

        <table class="items-table">
            <thead>
                <tr>
                    <th>Descripción</th>
                    <th>Cant.</th>
                    <th>Precio unit.</th>
                    <th>Impuesto</th>
                    <th>Subtotal</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($factura->detalles as $detalle)
                    <tr>
                        <td>{{ $detalle->descripcion }}</td>
                        <td>{{ $detalle->cantidad }}</td>
                        <td>{{ number_format($detalle->precio_unitario, 2) }}</td>
                        <td>{{ $detalle->tipoImpuesto->nombre }} ({{ number_format($detalle->impuesto_porcentaje, 2) }}%)</td>
                        <td>{{ number_format($detalle->subtotal, 2) }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>

        <table class="totales" style="margin-top: 10px; width: 260px; float: right;">
            <tr><td class="label">Subtotal</td><td class="value">{{ number_format($factura->subtotal + $factura->descuento_monto, 2) }}</td></tr>
            @if ($factura->descuento_monto > 0)
                <tr><td class="label descuento">Descuento{{ $factura->descuento_porcentaje > 0 ? ' ('.number_format($factura->descuento_porcentaje, 2).'%)' : '' }}@if ($factura->cupon) - {{ $factura->cupon->codigo }}@endif</td><td class="value descuento">-{{ number_format($factura->descuento_monto, 2) }}</td></tr>
            @endif
            @foreach ($factura->impuestos_desglose ?? [] as $grupo)
                <tr><td class="label">{{ $grupo['nombre'] }} ({{ number_format($grupo['porcentaje'], 2) }}%)</td><td class="value">{{ number_format($grupo['monto'], 2) }}</td></tr>
            @endforeach
            <tr class="total-row"><td class="label">Total</td><td class="value">{{ number_format($factura->total, 2) }}</td></tr>
            <tr><td class="label">Efectivo</td><td class="value">{{ number_format($factura->efectivo, 2) }}</td></tr>
            <tr><td class="label">Débito</td><td class="value">{{ number_format($factura->debito, 2) }}</td></tr>
            <tr><td class="label">Crédito</td><td class="value">{{ number_format($factura->credito, 2) }}</td></tr>
            <tr><td class="label">Cheque</td><td class="value">{{ number_format($factura->cheque, 2) }}</td></tr>
            <tr><td class="label">Vuelto</td><td class="value">{{ number_format($factura->vuelto, 2) }}</td></tr>
        </table>

        <div style="clear: both;"></div>

        @if ($factura->observaciones)
            <p><strong>Observaciones:</strong> {{ $factura->observaciones }}</p>
        @endif

        @if ($factura->esNotaCredito())
            <p style="color: #b8860b;"><strong>NOTA DE CRÉDITO PENDIENTE DE PAGO</strong></p>
        @endif

        <div class="footer">
            Documento generado por el sistema de facturación.
        </div>
    @endif
</body>
</html>
