<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8"/>
    <style>
        body { font-family: Arial, sans-serif; font-size: 14px; color: #333; }
        .container { max-width: 600px; margin: 0 auto; padding: 20px; }
        .header { background-color: #16213e; color: white; padding: 20px; text-align: center; }
        .content { padding: 20px; border: 1px solid #e0e0e0; }
        .footer { padding: 15px; font-size: 12px; color: #777; text-align: center; }
        .detail-row { margin: 8px 0; }
        .label { font-weight: bold; }
    </style>
</head>
<body>
<div class="container">
    <div class="header">
        <h2 style="margin:0;">Factura Electrónica Aceptada</h2>
        <p style="margin:5px 0 0;">{{ config('app.name') }}</p>
    </div>
    <div class="content">
        <p>Estimado/a <strong>{{ $receipt->receiver_name ?? 'Cliente' }}</strong>,</p>
        <p>Su comprobante electrónico ha sido <strong>aceptado</strong> por el Ministerio de Hacienda de Costa Rica.</p>
        <div class="detail-row"><span class="label">N° Consecutivo:</span> {{ $receipt->consecutive_number }}</div>
        <div class="detail-row"><span class="label">Fecha de Emisión:</span> {{ \Carbon\Carbon::parse($receipt->emission_date)->format('d/m/Y H:i') }}</div>
        <div class="detail-row"><span class="label">Total:</span> {{ $receipt->currency }} {{ number_format($receipt->total_voucher, 2) }}</div>
        <p style="margin-top:20px;">Adjunto encontrará el comprobante en PDF{{ $receipt->signed_xml ? ' y el XML firmado digitalmente' : '' }}.</p>
        <p>Gracias por su preferencia.</p>
    </div>
    <div class="footer">
        <p>{{ config('app.name') }} &mdash; Facturación Electrónica</p>
        <p>Este correo fue generado automáticamente. Por favor no responda a este mensaje.</p>
    </div>
</div>
</body>
</html>
