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

  const { fullName, email, adminPanelLink } = 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">
      <title>New User Approval Required</title>
      <style type="text/css">
        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,.email-bottom{
          height:6px;
          background-color:#E5E7EB;
        }
        .email-top{margin-top:40px}
        .email-bottom{margin-bottom:40px}
        .email-body{
          padding:40px 20px;
          text-align:left;
          background:#FFF;
        }
        .btn{
          border-radius:6px;
          border:0;
          background-color:#2563EB;
          color:#fff;
          text-align:center;
          font-size:14px;
          font-weight:600;
          padding:10px 16px;
          display:inline-block;
          min-width:180px;
          text-decoration:none;
        }
        .btn:hover{opacity:.9}
        p{margin-top:0}
        .highlight{
          font-weight:bold;
        }
        @media(max-width:650px){
          center{width:430px}
        }
        @media(max-width:420px){
          center{width:100%;padding:0 15px;margin:30px 0}
          .email-body{padding:30px 20px}
        }
      </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;">Dear Admin,</p>

          <p style="margin-bottom:20px;">
            A new user has successfully registered in the system and is awaiting approval.
          </p>

          <p class="highlight">User Details:</p>

          <p>
            Full Name: <strong>${fullName}</strong><br/>
            Email: <strong>${email}</strong><br/>
            
          </p>

          <p style="margin-bottom:20px;">
            Please review the user details and approve or reject the registration from the admin panel.
          </p>

          <div style="margin:30px 0; text-align:center;">
            <a href="${adminPanelLink}" class="btn">
              Go to Admin Panel
            </a>
          </div>

          <p style="margin-bottom:20px;">
            If you did not expect this registration or need assistance, please contact the support team.
          </p>

          <div>
            <p style="margin-bottom:0;">Regards,</p>
            <p style="margin-bottom:0;">Shree Sthankvasi Jain Chhatralaya System</p>
          </div>
        </div>

        <div class="email-bottom"></div>

        <div class="email-footer">
          <p style="margin-bottom:0;">&copy;${currentYear} All Rights Reserved.</p>
        </div>
      </center>
    </body>
  </html>
  `;
}
