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

export const passwordResetTemplate = (resetUrl: string, projectName: string) => {
    const content = `
    <p style="margin-bottom: 20px; font-size: 16px;">We received a request to reset the password for your <strong>${projectName}</strong> account.</p>
    <p style="margin-bottom: 25px; font-size: 16px;">If you didn't request a password reset, you can safely ignore this email. No changes have been made to your account yet.</p>
    <div style="text-align: center;">
      <a href="${resetUrl}" style="background-color: #3399ff; color: #ffffff !important; padding: 14px 32px; text-decoration: none; border-radius: 8px; font-weight: 600; display: inline-block; margin: 25px 0;">Reset Password</a>
    </div>
    <p style="margin-top: 25px; font-size: 14px; color: #64748b;">Or copy and paste this link into your browser:</p>
    <p style="font-size: 12px; color: #3399ff; overflow-wrap: break-word;">${resetUrl}</p>
    <p style="margin-top: 30px; font-size: 14px; color: #64748b;">This link will expire in 2 hours for security reasons.</p>
  `;
    return emailLayout(content, 'Forgot Your Password?', projectName);
};