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

export const courseCompletionTemplate = (userName: string, courseTitle: 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;">Dear ${userName || 'there'},</h3>
      <p style="margin-bottom: 0; font-size: 16px;">What an achievement! You've successfully finished the course: <strong>${courseTitle}</strong>.</p>
    </div>
    <p style="margin-bottom: 25px; font-size: 16px;">We're so proud of your progress. You've now gained new skills that will help you excel in your journey. We'd love to hear your feedback on the course!</p>
    <div style="text-align: center;">
      <a href="#" style="background-color: #16a34a; color: #ffffff !important; padding: 14px 32px; text-decoration: none; border-radius: 8px; font-weight: 600; display: inline-block; margin: 25px 0;">Post a Review</a>
    </div>
    <p style="margin-top: 30px; font-size: 14px; color: #64748b;">If you're looking for your next challenge, why not check out some of our other courses?</p>
    <p style="font-size: 14px; color: #64748b;">Once again, congratulations! Keep learning, keep growing.</p>
  `;
  return emailLayout(content, 'Kudos on Completion!', projectName);
};