139 lines
4.6 KiB
Handlebars
139 lines
4.6 KiB
Handlebars
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Dues Payment Reminder - MonacoUSA</title>
|
|
<style>
|
|
body {
|
|
font-family: Arial, sans-serif;
|
|
line-height: 1.6;
|
|
color: #333;
|
|
max-width: 600px;
|
|
margin: 0 auto;
|
|
padding: 20px;
|
|
}
|
|
.header {
|
|
background: linear-gradient(135deg, #a31515 0%, #d32f2f 100%);
|
|
color: white;
|
|
padding: 30px;
|
|
text-align: center;
|
|
border-radius: 10px 10px 0 0;
|
|
}
|
|
.content {
|
|
background: #ffffff;
|
|
padding: 30px;
|
|
border: 1px solid #ddd;
|
|
border-radius: 0 0 10px 10px;
|
|
}
|
|
.logo {
|
|
max-width: 200px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.alert-warning {
|
|
background-color: #fff3cd;
|
|
border: 1px solid #ffeaa7;
|
|
color: #856404;
|
|
padding: 15px;
|
|
border-radius: 5px;
|
|
margin: 20px 0;
|
|
}
|
|
.member-info {
|
|
background: #f8f9fa;
|
|
padding: 20px;
|
|
border-radius: 5px;
|
|
margin: 20px 0;
|
|
}
|
|
.amount-due {
|
|
font-size: 24px;
|
|
font-weight: bold;
|
|
color: #a31515;
|
|
text-align: center;
|
|
background: #f8f9fa;
|
|
padding: 20px;
|
|
border-radius: 5px;
|
|
margin: 20px 0;
|
|
}
|
|
.footer {
|
|
text-align: center;
|
|
color: #666;
|
|
font-size: 14px;
|
|
margin-top: 30px;
|
|
padding-top: 20px;
|
|
border-top: 1px solid #ddd;
|
|
}
|
|
.btn {
|
|
display: inline-block;
|
|
background: linear-gradient(135deg, #a31515 0%, #d32f2f 100%);
|
|
color: white;
|
|
padding: 12px 30px;
|
|
text-decoration: none;
|
|
border-radius: 5px;
|
|
font-weight: bold;
|
|
margin: 10px;
|
|
}
|
|
.btn:hover {
|
|
background: linear-gradient(135deg, #8a1212 0%, #b71c1c 100%);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="header">
|
|
<h1>🏎️ MonacoUSA</h1>
|
|
<h2>Annual Dues Payment Reminder</h2>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div class="alert-warning">
|
|
<strong>⏰ Payment Due Soon!</strong> Your annual membership dues will be due in {{daysUntilDue}} days.
|
|
</div>
|
|
|
|
<p>Dear {{memberName}},</p>
|
|
|
|
<p>This is a friendly reminder that your annual MonacoUSA membership dues will be due soon.</p>
|
|
|
|
<div class="member-info">
|
|
<h3>Member Information</h3>
|
|
<p><strong>Name:</strong> {{memberName}}</p>
|
|
<p><strong>Member ID:</strong> {{memberId}}</p>
|
|
<p><strong>Email:</strong> {{memberEmail}}</p>
|
|
<p><strong>Member Since:</strong> {{memberSince}}</p>
|
|
</div>
|
|
|
|
<div class="amount-due">
|
|
Annual Dues: {{amount}}
|
|
<br>
|
|
<small style="font-size: 16px; color: #666;">Due Date: {{dueDate}}</small>
|
|
</div>
|
|
|
|
<p>To ensure uninterrupted access to MonacoUSA benefits and avoid any service disruption, please submit your payment before the due date.</p>
|
|
|
|
<div class="member-info">
|
|
<h3>Payment Information</h3>
|
|
<p>Membership fee is {{amount}}/yr per person, paid using the IBAN below:</p>
|
|
<p><strong>IBAN Euro:</strong> {{paymentIban}}</p>
|
|
<p><strong>Account Holder:</strong> {{accountHolder}}</p>
|
|
<p><strong>Payment Reference:</strong> {{memberId}} - Annual Dues</p>
|
|
</div>
|
|
|
|
<p><strong>Important:</strong> Please include your member ID ({{memberId}}) in the payment reference to ensure proper credit to your account.</p>
|
|
|
|
<p>If you have already made your payment, please disregard this reminder. If you have any questions about your membership or payment, please contact us:</p>
|
|
|
|
<p><strong>Contact Information:</strong></p>
|
|
<p>📧 Email: info@monacousa.org</p>
|
|
|
|
<p>Thank you for your continued membership with MonacoUSA!</p>
|
|
|
|
<p>Best regards,<br>
|
|
The MonacoUSA Team</p>
|
|
</div>
|
|
|
|
<div class="footer">
|
|
<p>This is an automated message from MonacoUSA. Please do not reply to this email.</p>
|
|
<p>© {{currentYear}} MonacoUSA. All rights reserved.</p>
|
|
<p>If you no longer wish to receive these reminders, please contact us at info@monacousa.org</p>
|
|
</div>
|
|
</body>
|
|
</html>
|