import { baseTemplate, heading, BRAND_COLORS as C } from './base.js';

export function paymentConfirmedEmail(data: { nombre: string; amount: number; plan: string; date: string }): string {
  return baseTemplate(`
    ${heading('Pago confirmado')}
    <p style="color:${C.textPrimary};margin:0 0 16px;">Hola <strong>${data.nombre}</strong>,</p>
    <p style="color:${C.textPrimary};margin:0 0 20px;">Hemos recibido tu pago correctamente.</p>
    <div style="background-color:#ecfdf5;border-left:4px solid ${C.accent};border-radius:8px;padding:16px 20px;margin:20px 0;">
      <p style="margin:0 0 8px;color:${C.textMuted};font-size:13px;">Monto</p>
      <p style="margin:0 0 12px;color:${C.textPrimary};font-size:22px;font-weight:700;">$${data.amount.toLocaleString('es-MX', { minimumFractionDigits: 2 })} MXN</p>
      <p style="margin:0 0 4px;color:${C.textPrimary};"><span style="color:${C.textMuted};">Plan:</span> <strong>${data.plan}</strong></p>
      <p style="margin:0;color:${C.textPrimary};"><span style="color:${C.textMuted};">Fecha:</span> ${data.date}</p>
    </div>
    <p style="color:${C.textPrimary};margin:20px 0 0;">Tu suscripción está activa. Gracias por confiar en Horux 360.</p>
  `);
}
