<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Recibo</title>
    <style>
        body {
            width: 58mm;
            font-family: monospace;
            font-size: 12px;
        }
        .centrado { text-align: center; }
        .derecha { text-align: right; }
        .linea { border-top: 1px dashed #000; margin: 5px 0; }
        table { width: 100%; }
    </style>
</head>
<body onload="window.print(); setTimeout(() => window.close(), 1000);">
    <div class="centrado">
        <img src="{{ asset('logo_etiqueta/logo1.png') }}" alt="Logo "
        style=" width: 100px; height=auto; margin:8px">
        <br>
        <strong>La revolución de los Precios bajos</strong><br>
        Cel: +57 317 466 1380<br>
        ------------------------------
    </div>
    <p>Fecha: {{ $venta->created_at->format('d/m/Y H:i') }}</p>
    <table>
        @foreach ($venta->detalles as $item)
            <tr>
                <td>{{ $item->producto->nombre }}</td>
                <td class="derecha">{{ $item->cantidad }} x ${{ number_format($item->precio_unitario, 0) }}</td>
            </tr>
        @endforeach
    </table>
    <div class="linea"></div>
    <p class="derecha"><strong>Total: ${{ number_format($venta->total, 0) }}</strong></p>
    <div class="centrado">
        ------------------------------<br>
        ¡Gracias por su compra!
    </div>
</body>
</html>
