export interface ClientInvitationData {
  invitedByName: string;
  registerUrl: string;
  expiresAt: string;
  nombreDespacho?: string | null;
}

export function clientInvitationEmail(data: ClientInvitationData): string {
  const despachoLine = data.nombreDespacho
    ? `<p>Has sido invitado a unirte a <strong>${data.nombreDespacho}</strong> en Horux Despachos.</p>`
    : `<p>Has sido invitado a crear tu cuenta en <strong>Horux Despachos</strong>.</p>`;

  return `
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
    .container { max-width: 600px; margin: 0 auto; padding: 20px; }
    .header { background: #1e40af; color: white; padding: 20px; text-align: center; border-radius: 8px 8px 0 0; }
    .content { background: #f8fafc; padding: 30px; border-radius: 0 0 8px 8px; }
    .button { display: inline-block; background: #1e40af; color: white; padding: 14px 28px; text-decoration: none; border-radius: 6px; font-weight: bold; margin: 20px 0; }
    .highlight { background: #dbeafe; padding: 15px; border-radius: 6px; margin: 15px 0; }
    .footer { text-align: center; color: #64748b; font-size: 12px; margin-top: 30px; }
  </style>
</head>
<body>
  <div class="container">
    <div class="header">
      <h1>📨 Invitación a Horux Despachos</h1>
    </div>
    <div class="content">
      <p>Hola,</p>
      ${despachoLine}
      <p>${data.invitedByName} te ha enviado esta invitación para que crees tu cuenta y empieces a gestionar tu despacho.</p>

      <div class="highlight">
        <strong>¿Qué es Horux Despachos?</strong>
        <ul>
          <li>Gestión de CFDIs emitidos y recibidos</li>
          <li>Conciliación bancaria</li>
          <li>Alertas fiscales automáticas</li>
          <li>Sincronización con el SAT</li>
          <li>Declaraciones y obligaciones</li>
        </ul>
      </div>

      <p style="text-align: center;">
        <a href="${data.registerUrl}" class="button" style="color: white;">Crear mi cuenta</a>
      </p>

      <p><strong>Importante:</strong> Esta invitación expira el <strong>${data.expiresAt}</strong>. Si no la usas antes de esa fecha, deberás solicitar una nueva.</p>

      <p>Si tienes alguna duda, contacta a nuestro equipo de soporte.</p>
    </div>
    <div class="footer">
      <p>Horux Despachos — Simplificando la contabilidad</p>
    </div>
  </div>
</body>
</html>
`;
}
