matt
/
monacousa-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixes
Build And Push Image / docker (push) Successful in 1m24s Details

This commit is contained in:
Matt 2025-08-15 15:13:47 +02:00
parent dc0a3c6a2f
commit df4b89a45a
2 changed files with 519 additions and 286 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

374
server/templates/dues-due-soon.hbs
View File

@ -1,138 +1,248 @@
<!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>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Annual Dues Payment Reminder - MonacoUSA</title>
</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 style="margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f4f4f4;">
<!-- Main Container -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f4f4f4; padding: 20px 0;">
<tr>
<td align="center">
<!-- Email Container -->
<table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
<!-- Header with Monaco Red Background -->
<tr>
<td style="background-color: #a31515; padding: 30px; text-align: center;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<img src="{{logoUrl}}" alt="MonacoUSA" width="80" height="80" style="border-radius: 8px; margin-bottom: 15px;">
<h1 style="color: #ffffff; font-size: 28px; font-weight: bold; margin: 0 0 8px 0;">MonacoUSA</h1>
<p style="color: #ffffff; font-size: 16px; margin: 0; opacity: 0.9;">Annual Dues Payment Reminder</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Main Content -->
<tr>
<td style="padding: 40px 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<!-- Alert Banner -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 20px; border-radius: 4px;">
<h3 style="color: #856404; font-size: 18px; font-weight: bold; margin: 0 0 10px 0;">⏰ Payment Due Soon!</h3>
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
Your annual membership dues will be due in <strong>{{daysUntilDue}} days</strong>.
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Greeting -->
<tr>
<td style="padding-bottom: 20px;">
<h2 style="color: #a31515; font-size: 20px; font-weight: bold; margin: 0;">Dear {{memberName}},</h2>
</td>
</tr>
<!-- Message -->
<tr>
<td style="padding-bottom: 30px;">
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
This is a friendly reminder that your annual MonacoUSA membership dues will be due soon.
To ensure uninterrupted access to MonacoUSA benefits and avoid any service disruption,
please submit your payment before the due date.
</p>
</td>
</tr>
<!-- Member Information Box -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px;">
<tr>
<td style="padding: 25px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="text-align: center; padding-bottom: 15px;">
<span style="background-color: #17a2b8; color: #ffffff; padding: 8px 16px; border-radius: 20px; font-weight: bold; font-size: 14px;">📋 Member Information</span>
</td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" style="vertical-align: top; padding-right: 10px; padding-bottom: 10px;">
<p style="margin: 0 0 5px 0; color: #333333; font-weight: bold;">Name:</p>
<p style="margin: 0; color: #a31515; font-weight: bold; font-size: 16px;">{{memberName}}</p>
</td>
<td width="50%" style="vertical-align: top; padding-left: 10px; padding-bottom: 10px;">
<p style="margin: 0 0 5px 0; color: #333333; font-weight: bold;">Member ID:</p>
<p style="margin: 0; color: #a31515; font-weight: bold; font-size: 16px;">{{memberId}}</p>
</td>
</tr>
<tr>
<td width="50%" style="vertical-align: top; padding-right: 10px; padding-bottom: 10px;">
<p style="margin: 0 0 5px 0; color: #333333; font-weight: bold;">Email:</p>
<p style="margin: 0; color: #333333; font-size: 14px;">{{memberEmail}}</p>
</td>
<td width="50%" style="vertical-align: top; padding-left: 10px; padding-bottom: 10px;">
<p style="margin: 0 0 5px 0; color: #333333; font-weight: bold;">Member Since:</p>
<p style="margin: 0; color: #333333; font-size: 14px;">{{memberSince}}</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Amount Due Section -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color: #e3f2fd; border-left: 4px solid #2196f3; padding: 25px; border-radius: 4px; text-align: center;">
<h3 style="color: #1976d2; font-size: 24px; font-weight: bold; margin: 0 0 10px 0;">Annual Dues: {{amount}}</h3>
<p style="color: #333333; font-size: 16px; margin: 0;">
<strong>Due Date:</strong> {{dueDate}}
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Payment Information -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color: #d1ecf1; border-left: 4px solid #17a2b8; padding: 20px; border-radius: 4px;">
<h3 style="color: #0c5460; font-size: 18px; font-weight: bold; margin: 0 0 15px 0;">💳 Payment Information</h3>
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0 0 15px 0;">
Membership fee is {{amount}}/yr per person, paid using the IBAN below:
</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding: 5px 0;">
<p style="margin: 0; color: #333333; font-weight: bold;">IBAN Euro:</p>
<p style="margin: 0; color: #333333; font-family: 'Courier New', monospace; font-size: 16px; background-color: #ffffff; padding: 8px; border-radius: 4px; border: 1px solid #dee2e6;">{{paymentIban}}</p>
</td>
</tr>
<tr>
<td style="padding: 5px 0;">
<p style="margin: 0; color: #333333; font-weight: bold;">Account Holder:</p>
<p style="margin: 0; color: #333333; font-size: 16px;">{{accountHolder}}</p>
</td>
</tr>
<tr>
<td style="padding: 5px 0;">
<p style="margin: 0; color: #333333; font-weight: bold;">Payment Reference:</p>
<p style="margin: 0; color: #a31515; font-family: 'Courier New', monospace; font-size: 16px; font-weight: bold; background-color: #ffffff; padding: 8px; border-radius: 4px; border: 1px solid #dee2e6;">{{memberId}} - Annual Dues</p>
</td>
</tr>
</table>
<p style="color: #666666; font-size: 14px; font-style: italic; margin: 15px 0 0 0;">
<strong>Important:</strong> Please include your member ID ({{memberId}}) in the payment reference to ensure proper credit to your account.
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Help Message -->
<tr>
<td style="padding-bottom: 20px;">
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
If you have already made your payment, please disregard this reminder.
If you have any questions about your membership or payment, please contact us at
<a href="mailto:info@monacousa.org" style="color: #a31515; text-decoration: none; font-weight: bold;">info@monacousa.org</a>.
</p>
</td>
</tr>
<!-- Closing -->
<tr>
<td style="padding-bottom: 20px;">
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
Thank you for your continued membership with MonacoUSA!
</p>
<p style="color: #333333; font-size: 16px; margin: 15px 0 0 0;">
Best regards,<br>
<strong>The MonacoUSA Team</strong>
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="background-color: #f8f9fa; padding: 30px; text-align: center; border-top: 1px solid #e9ecef;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<h4 style="color: #333333; font-size: 18px; font-weight: bold; margin: 0 0 8px 0;">MonacoUSA Association</h4>
<p style="color: #666666; font-size: 14px; margin: 0 0 15px 0;">Connecting Monaco and the United States</p>
<!-- Links -->
<table cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;">
<tr>
<td style="padding: 0 10px;">
<a href="{{portalUrl}}" style="color: #a31515; text-decoration: none; font-size: 14px;">Portal</a>
</td>
<td style="padding: 0 10px; color: #cccccc;">|</td>
<td style="padding: 0 10px;">
<a href="mailto:info@monacousa.org" style="color: #a31515; text-decoration: none; font-size: 14px;">Contact Us</a>
</td>
<td style="padding: 0 10px; color: #cccccc;">|</td>
<td style="padding: 0 10px;">
<a href="https://monacousa.org" style="color: #a31515; text-decoration: none; font-size: 14px;">Website</a>
</td>
</tr>
</table>
<!-- Email Info -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top: 20px;">
<tr>
<td style="padding-top: 15px; border-top: 1px solid #dddddd;">
<p style="color: #999999; font-size: 12px; margin: 0;">
This is an automated message from MonacoUSA. Please do not reply to this email.<br>
© {{currentYear}} MonacoUSA. All rights reserved.<br>
If you no longer wish to receive these reminders, please contact us at info@monacousa.org
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>

431
server/templates/dues-overdue.hbs
View File

@ -1,160 +1,283 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Overdue Dues Notice - 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, #d32f2f 0%, #f44336 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-danger {
background-color: #f8d7da;
border: 1px solid #f5c6cb;
color: #721c24;
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: #d32f2f;
text-align: center;
background: #ffebee;
padding: 20px;
border-radius: 5px;
margin: 20px 0;
border: 2px solid #f5c6cb;
}
.urgency-notice {
background: #fff3cd;
border: 1px solid #ffeaa7;
color: #856404;
padding: 15px;
border-radius: 5px;
margin: 20px 0;
text-align: center;
font-weight: bold;
}
.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, #d32f2f 0%, #f44336 100%);
color: white;
padding: 15px 35px;
text-decoration: none;
border-radius: 5px;
font-weight: bold;
margin: 10px;
font-size: 16px;
}
.btn:hover {
background: linear-gradient(135deg, #b71c1c 0%, #d32f2f 100%);
}
.consequences {
background: #ffebee;
border-left: 4px solid #f44336;
padding: 15px;
margin: 20px 0;
}
</style>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>URGENT: Overdue Dues Notice - MonacoUSA</title>
</head>
<body>
<div class="header">
<h1>🏎️ MonacoUSA</h1>
<h2>⚠️ Overdue Dues Notice</h2>
</div>
<div class="content">
<div class="alert-danger">
<strong>🚨 URGENT: Payment Overdue!</strong> Your annual membership dues are now {{daysOverdue}} days overdue.
</div>
<p>Dear {{memberName}},</p>
<p>This is an urgent notice that your annual MonacoUSA membership dues are now overdue and require immediate payment to avoid service interruption.</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">
Overdue Amount: {{amount}}
<br>
<small style="font-size: 16px; color: #666;">Original Due Date: {{originalDueDate}}</small>
<br>
<small style="font-size: 14px; color: #d32f2f;">{{daysOverdue}} days overdue</small>
</div>
<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>
<div class="consequences">
<p><strong>Important:</strong> Failure of payment will lead to a revoking of MonacoUSA Member Privileges.</p>
</div>
<p>If you have already submitted payment, please forward your payment confirmation to info@monacousa.org to update your account status.</p>
<p><strong>Questions or Concerns?</strong> Contact us:</p>
<p>📧 Email: info@monacousa.org</p>
<p>We value your membership and hope to resolve this matter promptly.</p>
<p>Best regards,<br>
The MonacoUSA Membership Team</p>
</div>
<div class="footer">
<p>This is an automated notice from MonacoUSA. Please do not reply to this email.</p>
<p>© {{currentYear}} MonacoUSA. All rights reserved.</p>
<p>Please submit your payment to avoid membership suspension.</p>
</div>
<body style="margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f4f4f4;">
<!-- Main Container -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f4f4f4; padding: 20px 0;">
<tr>
<td align="center">
<!-- Email Container -->
<table width="600" cellpadding="0" cellspacing="0" border="0" style="background-color: #ffffff; border-radius: 8px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.1);">
<!-- Header with Monaco Red Background -->
<tr>
<td style="background-color: #a31515; padding: 30px; text-align: center;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<img src="{{logoUrl}}" alt="MonacoUSA" width="80" height="80" style="border-radius: 8px; margin-bottom: 15px;">
<h1 style="color: #ffffff; font-size: 28px; font-weight: bold; margin: 0 0 8px 0;">MonacoUSA</h1>
<p style="color: #ffffff; font-size: 16px; margin: 0; opacity: 0.9;">URGENT: Overdue Dues Notice</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Main Content -->
<tr>
<td style="padding: 40px 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<!-- Urgent Alert Banner -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color: #f8d7da; border-left: 4px solid #dc3545; padding: 20px; border-radius: 4px;">
<h3 style="color: #721c24; font-size: 18px; font-weight: bold; margin: 0 0 10px 0;">🚨 URGENT: Payment Overdue!</h3>
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
Your annual membership dues are <strong>{{daysOverdue}} day{{#if (gt daysOverdue 1)}}s{{/if}} overdue</strong>.
Immediate payment is required to avoid account suspension.
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Greeting -->
<tr>
<td style="padding-bottom: 20px;">
<h2 style="color: #a31515; font-size: 20px; font-weight: bold; margin: 0;">Dear {{memberName}},</h2>
</td>
</tr>
<!-- Message -->
<tr>
<td style="padding-bottom: 30px;">
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
Your annual MonacoUSA membership dues payment is now overdue. To avoid interruption of your
membership benefits and potential account suspension, please submit your payment immediately.
</p>
</td>
</tr>
<!-- Member Information Box -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px;">
<tr>
<td style="padding: 25px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="text-align: center; padding-bottom: 15px;">
<span style="background-color: #17a2b8; color: #ffffff; padding: 8px 16px; border-radius: 20px; font-weight: bold; font-size: 14px;">📋 Member Information</span>
</td>
</tr>
<tr>
<td>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="50%" style="vertical-align: top; padding-right: 10px; padding-bottom: 10px;">
<p style="margin: 0 0 5px 0; color: #333333; font-weight: bold;">Name:</p>
<p style="margin: 0; color: #a31515; font-weight: bold; font-size: 16px;">{{memberName}}</p>
</td>
<td width="50%" style="vertical-align: top; padding-left: 10px; padding-bottom: 10px;">
<p style="margin: 0 0 5px 0; color: #333333; font-weight: bold;">Member ID:</p>
<p style="margin: 0; color: #a31515; font-weight: bold; font-size: 16px;">{{memberId}}</p>
</td>
</tr>
<tr>
<td width="50%" style="vertical-align: top; padding-right: 10px; padding-bottom: 10px;">
<p style="margin: 0 0 5px 0; color: #333333; font-weight: bold;">Email:</p>
<p style="margin: 0; color: #333333; font-size: 14px;">{{memberEmail}}</p>
</td>
<td width="50%" style="vertical-align: top; padding-left: 10px; padding-bottom: 10px;">
<p style="margin: 0 0 5px 0; color: #333333; font-weight: bold;">Member Since:</p>
<p style="margin: 0; color: #333333; font-size: 14px;">{{memberSince}}</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Amount Due Section -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color: #f8d7da; border-left: 4px solid #dc3545; padding: 25px; border-radius: 4px; text-align: center;">
<h3 style="color: #721c24; font-size: 24px; font-weight: bold; margin: 0 0 10px 0;">Overdue Amount: {{amount}}</h3>
<p style="color: #333333; font-size: 16px; margin: 0;">
<strong>Original Due Date:</strong> {{originalDueDate}}<br>
<strong style="color: #dc3545;">{{daysOverdue}} day{{#if (gt daysOverdue 1)}}s{{/if}} overdue</strong>
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Payment Information -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color: #d1ecf1; border-left: 4px solid #17a2b8; padding: 20px; border-radius: 4px;">
<h3 style="color: #0c5460; font-size: 18px; font-weight: bold; margin: 0 0 15px 0;">💳 Payment Information</h3>
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0 0 15px 0;">
<strong>Please submit payment immediately using the IBAN below:</strong>
</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding: 5px 0;">
<p style="margin: 0; color: #333333; font-weight: bold;">IBAN Euro:</p>
<p style="margin: 0; color: #333333; font-family: 'Courier New', monospace; font-size: 16px; background-color: #ffffff; padding: 8px; border-radius: 4px; border: 1px solid #dee2e6;">{{paymentIban}}</p>
</td>
</tr>
<tr>
<td style="padding: 5px 0;">
<p style="margin: 0; color: #333333; font-weight: bold;">Account Holder:</p>
<p style="margin: 0; color: #333333; font-size: 16px;">{{accountHolder}}</p>
</td>
</tr>
<tr>
<td style="padding: 5px 0;">
<p style="margin: 0; color: #333333; font-weight: bold;">Payment Reference:</p>
<p style="margin: 0; color: #a31515; font-family: 'Courier New', monospace; font-size: 16px; font-weight: bold; background-color: #ffffff; padding: 8px; border-radius: 4px; border: 1px solid #dee2e6;">{{memberId}} - Annual Dues</p>
</td>
</tr>
<tr>
<td style="padding: 5px 0;">
<p style="margin: 0; color: #333333; font-weight: bold;">Amount Due:</p>
<p style="margin: 0; color: #dc3545; font-size: 18px; font-weight: bold;">{{amount}}</p>
</td>
</tr>
</table>
<p style="color: #666666; font-size: 14px; font-style: italic; margin: 15px 0 0 0;">
<strong>Critical:</strong> Please include your member ID ({{memberId}}) in the payment reference to ensure proper credit to your account.
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Consequences Warning -->
<tr>
<td style="padding-bottom: 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 20px; border-radius: 4px;">
<h3 style="color: #856404; font-size: 18px; font-weight: bold; margin: 0 0 10px 0;">⚠️ Important Notice</h3>
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
Continued non-payment may result in:
</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top: 10px;">
<tr>
<td style="padding: 2px 0;">• Suspension of membership benefits</td>
</tr>
<tr>
<td style="padding: 2px 0;">• Loss of access to member events and services</td>
</tr>
<tr>
<td style="padding: 2px 0;">• Potential termination of membership</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<!-- Help Message -->
<tr>
<td style="padding-bottom: 20px;">
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
If you have already submitted your payment, please contact us immediately at
<a href="mailto:info@monacousa.org" style="color: #a31515; text-decoration: none; font-weight: bold;">info@monacousa.org</a>
to avoid any service interruption. If you are experiencing financial difficulties,
please reach out to discuss payment arrangements.
</p>
</td>
</tr>
<!-- Closing -->
<tr>
<td style="padding-bottom: 20px;">
<p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
We value your membership and look forward to resolving this matter promptly.
</p>
<p style="color: #333333; font-size: 16px; margin: 15px 0 0 0;">
Best regards,<br>
<strong>The MonacoUSA Team</strong>
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td style="background-color: #f8f9fa; padding: 30px; text-align: center; border-top: 1px solid #e9ecef;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<h4 style="color: #333333; font-size: 18px; font-weight: bold; margin: 0 0 8px 0;">MonacoUSA Association</h4>
<p style="color: #666666; font-size: 14px; margin: 0 0 15px 0;">Connecting Monaco and the United States</p>
<!-- Links -->
<table cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;">
<tr>
<td style="padding: 0 10px;">
<a href="{{portalUrl}}" style="color: #a31515; text-decoration: none; font-size: 14px;">Portal</a>
</td>
<td style="padding: 0 10px; color: #cccccc;">|</td>
<td style="padding: 0 10px;">
<a href="mailto:info@monacousa.org" style="color: #a31515; text-decoration: none; font-size: 14px;">Contact Us</a>
</td>
<td style="padding: 0 10px; color: #cccccc;">|</td>
<td style="padding: 0 10px;">
<a href="https://monacousa.org" style="color: #a31515; text-decoration: none; font-size: 14px;">Website</a>
</td>
</tr>
</table>
<!-- Email Info -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-top: 20px;">
<tr>
<td style="padding-top: 15px; border-top: 1px solid #dddddd;">
<p style="color: #999999; font-size: 12px; margin: 0;">
This is an automated message from MonacoUSA. Please do not reply to this email.<br>
© {{currentYear}} MonacoUSA. All rights reserved.<br>
If you no longer wish to receive these reminders, please contact us at info@monacousa.org
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>