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

export interface TareaCompletadaData {
  destinatarioNombre: string;
  contribuyenteNombre: string;
  contribuyenteRfc: string;
  tareaNombre: string;
  tareaDescripcion: string | null;
  completadaPor: string;
  notas: string | null;
  fechaLimite: string;
  link: string;
}

export function tareaCompletadaEmail(data: TareaCompletadaData): string {
  const body = `
    ${heading(`Tarea revisada: ${data.tareaNombre}`)}
    <p>Hola ${data.destinatarioNombre},</p>
    <p>
      ${data.completadaPor} marcó como completada la tarea
      <strong>${data.tareaNombre}</strong> del contribuyente
      <strong>${data.contribuyenteNombre}</strong> (${data.contribuyenteRfc}),
      con fecha límite ${data.fechaLimite}.
    </p>
    ${data.tareaDescripcion ? infoBox(data.tareaDescripcion) : ''}
    ${data.notas ? `<p><strong>Notas del supervisor:</strong> ${data.notas}</p>` : ''}
    <div style="margin-top: 24px;">
      ${primaryButton('Ver tareas del contribuyente', data.link)}
    </div>
  `;
  return baseTemplate(body);
}
