export function welcomeMailContent(content: any): string {
  const currentYear = new Date().getFullYear();
  const image = `${process.env.DOMAIN}${process.env.EMAIL_PHOTO}`;

  const { username, temporaryPassword, fullName } = content;

  return `
  <!DOCTYPE html>
  <html lang="en" class="no-js">
     <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
        <title>Email - Alumni</title>
        <style type="text/css" rel="stylesheet">
           body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0;margin:0}*,::after,::before{box-sizing:border-box}body,html,p{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#1E2938;font-size:16px;line-height:24px;}body{background:#FAFAFA}center{width:600px;text-align:center;margin:20px auto;background: #FFF;padding: 50px 40px; }.email-top{height: 6px; background-color: #E5E7EB; margin-top: 40px;}.email-bottom{margin-bottom: 40px; height: 6px; background-color: #E5E7EB;}.email-body{padding:40px 20px;text-align:left;background:#FFF}h1{margin-top:-20px;margin-bottom:0}img.blog-img{border-radius:10px;margin-bottom:15px;object-fit:cover;max-width:100%;}h2{margin-top:0;line-height:36px;font-size:24px;font-weight:700;margin-bottom:5px}.btn{border-radius: 6px;border: 0;background-color: #00A389;color:#fff; text-align: center; font-size:14px;letter-spacing:0;line-height:21px; font-weight: 600; padding:8px;display:inline-block;min-width:158px;text-decoration: none; }.btn:focus,.btn:hover{color:#fff;border: 0;opacity:.85;text-decoration: none;}p{margin-top:0}ul{list-style:decimal;padding-left:26px;margin-top:0;margin-bottom:20px}li{padding-left:10px}.f-18{font-size:18px}a{text-decoration:none;color:#262f37}a:hover{color:#f60}.downloads{height:50px}@media(max-width:650px){center{width:430px}img.blog-img{height:170px;}}@media(max-width:420px){center{width:100%;padding:0 15px;margin:30px 0}.email-body{padding:30px 20px}.downloads{height:auto}}
        </style>
     </head>
     <body>
        <center>
           <img src=${image} alt="Logo" height="100">
           <div class="email-top"></div>
           <div class="email-body">
              <p style="margin-top: 20px; margin-bottom: 20px;">  Dear ${fullName},</p>
              <p style="margin-bottom: 20px;">You have been successfully registered on the Shree Sthankvasi Jain Chhatralaya app by our administration team. 🌸</p>
              <p style="margin-bottom: 20px;">You can now log in using the following credentials:</p>

              <p style="margin-bottom: 20px;font-weight:bold">
                Username: ${username}
              </p>

              <p style="margin-bottom: 20px;font-weight:bold">
                Temporary Password: ${temporaryPassword}
              </p>

              <p style="margin-bottom: 20px;">Next Steps:</p>

              <p style="margin-bottom: 20px;">Log in to the app using the credentials above.</p>

              <p style="margin-bottom: 20px;">Update your password for security.</p>

              <p style="margin-bottom: 20px;">Explore the app to access events, notifications, and community resources.</p>

              <p style="margin-bottom: 20px;">We encourage you to stay connected and actively participate in Chhatralaya activities. For any questions or assistance, our support team is always here to help.</p>

              <p style="margin-bottom: 20px;">Welcome aboard! We are happy to have you in our community.</p>

              <div>
                 <p style="margin-bottom: 0px;">Warm regards,</p>
                 <p style="margin-bottom: 0px;">Shree Sthankvasi Jain Chhatralaya Team</p>
              </div>
           </div>
           <div class="email-bottom"></div>
           <div class="email-footer">
              <p style="margin-bottom: 0px;">&copy;${currentYear} All Rights Reserved.</p>
           </div>
        </center>
     </body>
  </html>
      `;
}
