import { baseTemplate, primaryButton, heading } from './base.js';

export function despachoWelcomeEmail(data: {
  nombre: string;
  despachoNombre: string;
  email: string;
}): string {
  return baseTemplate(`
    ${heading('¡Bienvenido a Horux Despachos!')}
    <p style="color: #374151; font-size: 16px; line-height: 1.6;">
      Hola <strong>${data.nombre}</strong>,
    </p>
    <p style="color: #374151; font-size: 16px; line-height: 1.6;">
      Tu despacho <strong>${data.despachoNombre}</strong> ha sido creado exitosamente.
      Tienes <strong>30 días de prueba gratis</strong> para explorar todas las funcionalidades.
    </p>
    <p style="color: #374151; font-size: 16px; line-height: 1.6;">
      <strong>Próximos pasos:</strong>
    </p>
    <ol style="color: #374151; font-size: 15px; line-height: 1.8; padding-left: 20px;">
      <li>Agrega tu primer contribuyente (RFC)</li>
      <li>Sube la FIEL del contribuyente</li>
      <li>Sube el CSD para emitir facturas</li>
      <li>Invita a tu equipo (supervisores y auxiliares)</li>
    </ol>
    ${primaryButton('Ir a mi despacho', 'https://horuxfin.com/onboarding')}
    <p style="color: #6B7280; font-size: 13px; margin-top: 24px;">
      Tu cuenta: <strong>${data.email}</strong>
    </p>
  `);
}
