const noticeMailTemplate = (name,login_link) =>{
    return `
    <!doctype html>
    <html>
    
        <head>
        <meta name="viewport" content="width=device-width">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <title></title>
        <style>
            /* -------------------------------------
                INLINED WITH htmlemail.io/inline
            ------------------------------------- */
            /* -------------------------------------
                RESPONSIVE AND MOBILE FRIENDLY STYLES
            ------------------------------------- */
            @media only screen and (max-width: 620px) {
            table[class=body] h1 {
                font-size: 28px !important;
                margin-bottom: 10px !important;
            }
    
            table[class=body] p,
            table[class=body] ul,
            table[class=body] ol,
            table[class=body] td,
            table[class=body] span,
            table[class=body] a {
                font-size: 16px !important;
            }
    
            table[class=body] .wrapper,
            table[class=body] .article {
                padding: 10px !important;
            }
    
            table[class=body] .content {
                padding: 0 !important;
            }
    
            table[class=body] .container {
                padding: 0 !important;
                width: 100% !important;
            }
    
            table[class=body] .main {
                border-left-width: 0 !important;
                border-radius: 0 !important;
                border-right-width: 0 !important;
            }
    
            table[class=body] .btn table {
                width: 100% !important;
            }
    
            table[class=body] .btn a {
                width: 100% !important;
            }
    
            table[class=body] .img-responsive {
                height: auto !important;
                max-width: 100% !important;
                width: auto !important;
            }
            }
    
            /* -------------------------------------
                PRESERVE THESE STYLES IN THE HEAD
            ------------------------------------- */
            @media all {
            .w-100 {
                width: 100%;
                border: 1px solid black;
            }
    
            .ExternalClass {
                width: 100%;
            }
    
            .ExternalClass,
            .ExternalClass p,
            .ExternalClass span,
            .ExternalClass font,
            .ExternalClass td,
            .ExternalClass div {
                line-height: 100%;
            }
    
            /* .apple-link a {
                color: inherit !important;
                font-family: inherit !important;
                font-size: inherit !important;
                font-weight: inherit !important;
                line-height: inherit !important;
                text-decoration: none !important;
            } */
    
            #MessageViewBody a {
                color: inherit;
                text-decoration: none;
                font-size: inherit;
                font-family: inherit;
                font-weight: inherit;
                line-height: inherit;
            }
    
            .btn-primary table td:hover {
                background-color: #34495e !important;
            }
    
            .btn-primary a:hover {
                background-color: #34495e !important;
                border-color: #34495e !important;
            }
    
            .facebook {
                background: #fff;
                border-radius: 9%;
                display: block;
                height: 100px;
                left: 50%;
                margin: -51px 0 0 -49px;
                position: absolute;
                top: 50%;
                width: 100px; 
            }
            
            .facebook:after {
                color: #43609C;
                content: "f";
                display: block;
                font-family: Facebook Letter Faces, Arial;
                font-size: 100px;
                font-weight: bold;
                margin: 6% 0 0 50%; }
            
            .facebook:hover {
                -moz-box-shadow: 0px 0px 7px rgba(255, 250, 250, 0.75);
                -webkit-box-shadow: 0px 0px 7px rgba(255, 250, 250, 0.75);
                box-shadow: 0px 0px 7px rgba(255, 250, 250, 0.90);
                cursor: pointer;
            }
            }
        </style>
        </head>
    
        <body class="" style="background-color: #ffffff; font-family: sans-serif; -webkit-font-smoothing: antialiased; font-size: 14px; line-height: 1.4; margin: 0; padding: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;">
            <table border="0" cellpadding="0" cellspacing="0" class="body" style="border-collapse: separate; width: 100%; background-color: #ffffff;">
                <tr>
                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">&nbsp;</td>
                <td class="container" style="font-family: sans-serif; font-size: 14px; display: block; Margin: 0 auto; max-width: 580px; padding: 10px; width: 580px;">
                    <div class="content" style="box-sizing: border-box; display: block; Margin: 0 auto; max-width: 580px; padding: 10px;">
    
                        <!-- START CENTERED WHITE CONTAINER -->
                        <table class="main" style="border-collapse: separate; width: 100%; background: #ffffff; border-radius: 3px;">
                            <center>
                            <div style="text-align: center;">
                                <img src="https://kwarapoly.corass.ng/assets/Image/kp.png" 
                                alt="Corass" title="Corass" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: inline-block !important;border: none;height: auto;float: none;width: 68%;max-width: 326.4px;" width="326.4"/>
                                <h2>KWARAPOLY CORASS</h2>
                            </div>
                            </center>
    
                            <!-- START MAIN CONTENT AREA -->
                            <tr>
                                <td class="wrapper" style="font-family: sans-serif; font-size: 14px; vertical-align: top; box-sizing: border-box; padding: 20px;">
                                <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; width: 100%;">
                                    <tr>
                                        <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">
    
                                            <div style="text-align: center;">
                                                <span class="apple-link" style="text-align: center;"><a href="https://twitter.com/serviceschoolhs" target="blank" style="text-decoration: underline; text-align: center; width: 1.8rem;"><img style="width: 1.5rem;" src="{{ asset('images/twitter.png') }}" alt=""></a></span>
                        
                                                <span class="apple-link" style="text-align: center;"><a href="https://www.instagram.com/serviceschoolhs" target="blank" style="text-decoration: underline; text-align: center; width: 1.8rem;"><img style="width: 1.5rem;" src="{{ asset('images/instagram.png') }}" alt=""></a></span>
                        
                                                <span class="apple-link" style="text-align: center;"><a href="https://www.facebook.com/Service-School-House-103956342056368/" target="blank" style="text-decoration: underline; text-align: center; width: 1.8rem;"><img style="width: 1.5rem;" src="{{ asset('images/facebook.png') }}" alt=""></a></span>
                        
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                                </td>
                            </tr>
                    
                        <!-- END MAIN CONTENT AREA -->
                        </table>
                    
                        <!-- START FOOTER -->
                        <div class="footer" style="clear: both; Margin-top: 10px; text-align: center; width: 100%;">
                            <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: separate; mso-table-lspace: 0pt; mso-table-rspace: 0pt; width: 100%;">
                                <tr>
                                <td class="content-block" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center; display: flex;">
                                </td>
                                </tr>
                                <tr>
                                <td class="content-block powered-by" style="font-family: sans-serif; vertical-align: top; padding-bottom: 10px; padding-top: 10px; font-size: 12px; color: #999999; text-align: center;">
                                </td>
                                </tr>
                            </table>
                        </div>
                        <!-- END FOOTER -->
    
                    <!-- END CENTERED WHITE CONTAINER -->
                    </div>
                </td>
                <td style="font-family: sans-serif; font-size: 14px; vertical-align: top;">&nbsp;</td>
                </tr>
            </table>
        </body>
        
    </html>
    <br>
      <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">Hi ${name},</p>
    
      <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">It has come to 
      the Notice of CORASS Management Office that some fraudsters are circulating messages via Email and Social Media platforms
       about the downtime and promported issues relating to the CORASS Platform, please kindly ignore Such messages. 
       The message is a spam sent to distract users attention. </p>  
      <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
        <strong>Please be rest assured that Your CORASS Platform is up and running.</strong>
      </p>
    
      <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
      Unlike the previous session where Students Registered through a link to access CORASS and whereby Student also Map their 
      Supervisors themselves, the CORASS Portal has been REBRANDED to solved all this Challenges while at the same time 
      reducing Data Consumption to the bearest minimum.
      </p>
      <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
      CORASS Portal has been REBRANDED based on Supervisors and Students   feedback. Please be rest Assured that we are 
      always available to act positively on your feedback. Thank you for being part of the Success achieved in the 2021/2022 
      Academic Session. We promise to do even better in the 2022/2023 Academic Session.
      To this Note, the CORASS Portal will be open on Monday, 28th November, 2022 for the 2022/2023 Academic Session.
      </p>
      <center>
        <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
          
          <a href="${login_link}" target="_blank" style="display: inline-block; color: #ffffff; background-color:  #00FF00; border: solid 1px  #00FF00; border-radius: 5px; box-sizing: border-box; cursor: pointer; text-decoration: none; font-size: 14px; font-weight: bold; padding: 12px 25px; text-transform: capitalize; border-color: #3498db; margin:auto"> Click here to Access CORASS </a> 
        </p>
      </center>
    
      <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
        Best Regards.
      </p>
      <p style="font-family: sans-serif; font-size: 14px; font-weight: normal; margin: 0; margin-bottom: 15px;">
        CORASS Team.
      </p>
      `
}

module.exports = {noticeMailTemplate}