import { getCurrentYear } from "../../../utils/helpers"

export const createUserEmail = (password: string): string => {
  return `
 <!DOCTYPE html>
  <html lang="en">
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Nuskin: Welcome User</title>
      <style>
          body {
              font-family: Arial, sans-serif;
              background-color: #f4f4f4;
              margin: 0;
              padding: 0;
          }
          .container {
              max-width: 600px;
              margin: 50px auto;
              background-color: #fff;
              padding: 20px;
              border-radius: 8px;
          }
          h1 {
              font-size: 24px;
              color: #4A4A4A;
              margin-bottom: 30px;
          }
          .otp-box {
              display: inline-block;
              padding: 15px 30px;
              background-color: #F0F4FF;
              color: #000;
              font-size: 28px;
              border-radius: 8px;
              letter-spacing: 5px;
              margin: 20px 0;
          }
          p {
              font-size: 16px;
              color: #333;
          }
          .footer {
              margin-top: 30px;
              font-size: 12px;
              color: #888;
          }
      </style>
  </head>
  <body>
      <div class="container">
           <img src="cid:unique@cidLogo" alt="Logo" height="100">
          <p>Dear User,</p>
          <p>To login, please use the following password:</p>
          <div class="otp-box">
              ${password}
          </div>
          <p>Please make sure that you change the password after login.</p>
          <p>If you have any questions or need assistance, feel free to reach out to our support team.</p>
          <p style="margin-bottom: 0px;">Regards,</p>
          <p style="margin-bottom: 0px;">Nuskin Elite Team</p>
          <div class="footer">
              ©${getCurrentYear()} All Rights Reserved.
          </div>
      </div>
  </body>
  </html>
    `
}
