import { baseTemplate } from './base.js';

function escapeHtml(str: string): string {
  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
}

export function newClientAdminEmail(data: {
  clienteNombre: string;
  clienteRfc: string;
  adminEmail: string;
  adminNombre: string;
  tempPassword: string;
  databaseName: string;
  plan: string;
}): string {
  return baseTemplate(`
    <h2 style="color:#1e293b;margin:0 0 16px;">Nuevo Cliente Registrado</h2>
    <p style="color:#475569;line-height:1.6;margin:0 0 24px;">
      Se ha dado de alta un nuevo cliente en Horux360. A continuación los detalles:
    </p>

    <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:24px;">
      <tr>
        <td colspan="2" style="background-color:#1e293b;color:#ffffff;padding:12px 16px;font-weight:bold;border-radius:6px 6px 0 0;">
          Datos del Cliente
        </td>
      </tr>
      <tr>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;font-weight:bold;color:#475569;width:40%;">Empresa</td>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;color:#1e293b;">${escapeHtml(data.clienteNombre)}</td>
      </tr>
      <tr>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;font-weight:bold;color:#475569;">RFC</td>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;color:#1e293b;">${escapeHtml(data.clienteRfc)}</td>
      </tr>
      <tr>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;font-weight:bold;color:#475569;">Plan</td>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;color:#1e293b;">${escapeHtml(data.plan)}</td>
      </tr>
    </table>

    <table width="100%" cellpadding="0" cellspacing="0" style="margin-bottom:24px;">
      <tr>
        <td colspan="2" style="background-color:#3b82f6;color:#ffffff;padding:12px 16px;font-weight:bold;border-radius:6px 6px 0 0;">
          Credenciales del Usuario
        </td>
      </tr>
      <tr>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;font-weight:bold;color:#475569;width:40%;">Nombre</td>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;color:#1e293b;">${escapeHtml(data.adminNombre)}</td>
      </tr>
      <tr>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;font-weight:bold;color:#475569;">Email</td>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;color:#1e293b;">${escapeHtml(data.adminEmail)}</td>
      </tr>
      <tr>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;font-weight:bold;color:#475569;">Contraseña temporal</td>
        <td style="padding:10px 16px;border-bottom:1px solid #e2e8f0;">
          <code style="background-color:#f1f5f9;padding:4px 8px;border-radius:4px;font-size:14px;color:#dc2626;">${escapeHtml(data.tempPassword)}</code>
        </td>
      </tr>
    </table>

    <p style="color:#94a3b8;font-size:12px;margin:0;">
      Este correo contiene información confidencial. No lo reenvíes ni lo compartas.
    </p>
  `);
}