import { emailLayout } from './email-layout';

export const enrollmentConfirmationTemplate = (userName: string, courseTitle: string, courseUrl: string, projectName: string) => {
    const content = `
    <div style="background-color: #f1f5f9; padding: 25px; border-radius: 8px; margin-bottom: 30px;">
      <h3 style="margin-top: 0; color: #061226;">Hi ${userName || 'there'},</h3>
      <p style="margin-bottom: 0; font-size: 16px;">Congratulations! Your seat is confirmed for the course: <strong>${courseTitle}</strong>.</p>
    </div>
    <p style="margin-bottom: 25px; font-size: 16px;">We're thrilled to have you as part of our learning community. You're now ready to start your journey into mastery!</p>
    <div style="text-align: center;">
      <a href="${courseUrl}" style="background-color: #061226; color: #ffffff !important; padding: 14px 32px; text-decoration: none; border-radius: 8px; font-weight: 600; display: inline-block; margin: 25px 0;">Go to Course Dashboard</a>
    </div>
    <p style="margin-top: 30px; font-size: 14px; color: #64748b;">If you have any questions or need support, don't hesitate to reach out to our team.</p>
    <p style="font-size: 14px; color: #64748b;">Happy learning!</p>
  `;
    return emailLayout(content, 'Welcome to Your Course!', projectName);
};