diff options
Diffstat (limited to 'lib/mail/templates/contract-reminder-en.hbs')
| -rw-r--r-- | lib/mail/templates/contract-reminder-en.hbs | 118 |
1 files changed, 118 insertions, 0 deletions
diff --git a/lib/mail/templates/contract-reminder-en.hbs b/lib/mail/templates/contract-reminder-en.hbs new file mode 100644 index 00000000..ffaadb4b --- /dev/null +++ b/lib/mail/templates/contract-reminder-en.hbs @@ -0,0 +1,118 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <title>Contract Signature Reminder</title> +</head> +<body style="margin: 0; padding: 0; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f5f5f5;"> + <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f5f5f5; padding: 40px 0;"> + <tr> + <td align="center"> + <table width="600" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> + <!-- Header --> + <tr> + <td style="background-color: #2563eb; padding: 30px; border-radius: 8px 8px 0 0;"> + <h1 style="color: #ffffff; margin: 0; font-size: 24px; text-align: center;"> + SHI Contract Signature Reminder + </h1> + </td> + </tr> + + <!-- Body --> + <tr> + <td style="padding: 40px 30px;"> + <p style="color: #333333; font-size: 16px; line-height: 1.6; margin-bottom: 20px;"> + Dear {{recipientName}}, + </p> + + <p style="color: #333333; font-size: 16px; line-height: 1.6; margin-bottom: 20px;"> + We would like to remind you that the contract sent to <strong>{{vendorName}}</strong> (Vendor Code: {{vendorCode}}) is still pending your signature. + </p> + + <!-- Contract Info Box --> + <table width="100%" cellpadding="0" cellspacing="0" style="background-color: #f8f9fa; border-radius: 6px; padding: 20px; margin: 20px 0;"> + <tr> + <td> + <h3 style="color: #2563eb; margin: 0 0 15px 0; font-size: 18px;">Contract Details</h3> + <p style="color: #666666; margin: 8px 0; font-size: 14px;"> + <strong>Contract Name:</strong> {{contractFileName}} + </p> + <p style="color: #666666; margin: 8px 0; font-size: 14px;"> + <strong>Deadline:</strong> {{deadline}} + </p> + {{#if daysRemaining}} + <p style="margin: 15px 0 0 0;"> + {{#if (eq daysRemaining 0)}} + <span style="color: #dc2626; font-weight: bold; font-size: 16px;"> + ⚠️ Today is the deadline! + </span> + {{else if (lt daysRemaining 0)}} + <span style="color: #dc2626; font-weight: bold; font-size: 16px;"> + ⚠️ The deadline has passed by {{Math.abs daysRemaining}} day(s)! + </span> + {{else if (lte daysRemaining 3)}} + <span style="color: #f59e0b; font-weight: bold; font-size: 16px;"> + ⏰ {{daysRemaining}} day(s) remaining until deadline + </span> + {{else}} + <span style="color: #059669; font-weight: bold; font-size: 16px;"> + {{daysRemaining}} day(s) remaining until deadline + </span> + {{/if}} + </p> + {{/if}} + </td> + </tr> + </table> + + <p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 20px 0;"> + Please click the button below to review and sign the contract. + </p> + + <!-- CTA Button --> + <table width="100%" cellpadding="0" cellspacing="0" style="margin: 30px 0;"> + <tr> + <td align="center"> + <a href="{{contractLink}}" style="display: inline-block; padding: 14px 32px; background-color: #2563eb; color: #ffffff; text-decoration: none; border-radius: 6px; font-size: 16px; font-weight: bold;"> + Review and Sign Contract + </a> + </td> + </tr> + </table> + + <p style="color: #666666; font-size: 14px; line-height: 1.6; margin-top: 30px;"> + If the button doesn't work, please copy and paste the following link into your browser:<br> + <a href="{{contractLink}}" style="color: #2563eb; word-break: break-all;">{{contractLink}}</a> + </p> + + <hr style="border: none; border-top: 1px solid #e5e7eb; margin: 30px 0;"> + + <p style="color: #666666; font-size: 14px; line-height: 1.6;"> + If you have any questions or concerns, please don't hesitate to contact us. + </p> + + <p style="color: #666666; font-size: 14px; line-height: 1.6; margin-top: 20px;"> + Best regards,<br><br> + {{senderName}}<br> + {{senderEmail}}<br> + SHI Procurement Team + </p> + </td> + </tr> + + <!-- Footer --> + <tr> + <td style="background-color: #f8f9fa; padding: 20px 30px; border-radius: 0 0 8px 8px; text-align: center;"> + <p style="color: #999999; font-size: 12px; margin: 0;"> + This email was automatically sent from the EVCP Contract Management System.<br> + © 2024 EVCP. All rights reserved. + </p> + </td> + </tr> + </table> + </td> + </tr> + </table> +</body> +</html>
\ No newline at end of file |