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

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

@ -1,138 +1,248 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dues Payment Reminder - MonacoUSA</title> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<style> <title>Annual Dues Payment Reminder - MonacoUSA</title>
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> </head>
<body> <body style="margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f4f4f4;">
<div class="header"> <!-- Main Container -->
<h1>🏎️ MonacoUSA</h1> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f4f4f4; padding: 20px 0;">
<h2>Annual Dues Payment Reminder</h2> <tr>
</div> <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);">
<div class="content"> <!-- Header with Monaco Red Background -->
<div class="alert-warning"> <tr>
<strong>⏰ Payment Due Soon!</strong> Your annual membership dues will be due in {{daysUntilDue}} days. <td style="background-color: #a31515; padding: 30px; text-align: center;">
</div> <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>
<p>Dear {{memberName}},</p> <!-- Main Content -->
<tr>
<td style="padding: 40px 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<p>This is a friendly reminder that your annual MonacoUSA membership dues will be due soon.</p> <!-- 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>
<div class="member-info"> <!-- Greeting -->
<h3>Member Information</h3> <tr>
<p><strong>Name:</strong> {{memberName}}</p> <td style="padding-bottom: 20px;">
<p><strong>Member ID:</strong> {{memberId}}</p> <h2 style="color: #a31515; font-size: 20px; font-weight: bold; margin: 0;">Dear {{memberName}},</h2>
<p><strong>Email:</strong> {{memberEmail}}</p> </td>
<p><strong>Member Since:</strong> {{memberSince}}</p> </tr>
</div>
<div class="amount-due"> <!-- Message -->
Annual Dues: {{amount}} <tr>
<br> <td style="padding-bottom: 30px;">
<small style="font-size: 16px; color: #666;">Due Date: {{dueDate}}</small> <p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
</div> 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>
<p>To ensure uninterrupted access to MonacoUSA benefits and avoid any service disruption, please submit your payment before the due date.</p> <!-- 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>
<div class="member-info"> <!-- Amount Due Section -->
<h3>Payment Information</h3> <tr>
<p>Membership fee is {{amount}}/yr per person, paid using the IBAN below:</p> <td style="padding-bottom: 30px;">
<p><strong>IBAN Euro:</strong> {{paymentIban}}</p> <table width="100%" cellpadding="0" cellspacing="0" border="0">
<p><strong>Account Holder:</strong> {{accountHolder}}</p> <tr>
<p><strong>Payment Reference:</strong> {{memberId}} - Annual Dues</p> <td style="background-color: #e3f2fd; border-left: 4px solid #2196f3; padding: 25px; border-radius: 4px; text-align: center;">
</div> <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>
<p><strong>Important:</strong> Please include your member ID ({{memberId}}) in the payment reference to ensure proper credit to your account.</p> <!-- 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>
<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> <!-- 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>
<p><strong>Contact Information:</strong></p> <!-- Closing -->
<p>📧 Email: info@monacousa.org</p> <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>
<p>Thank you for your continued membership with MonacoUSA!</p> </table>
</td>
</tr>
<p>Best regards,<br> <!-- Footer -->
The MonacoUSA Team</p> <tr>
</div> <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>
<div class="footer"> <!-- Links -->
<p>This is an automated message from MonacoUSA. Please do not reply to this email.</p> <table cellpadding="0" cellspacing="0" border="0" style="margin: 0 auto;">
<p>© {{currentYear}} MonacoUSA. All rights reserved.</p> <tr>
<p>If you no longer wish to receive these reminders, please contact us at info@monacousa.org</p> <td style="padding: 0 10px;">
</div> <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> </body>
</html> </html>

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

@ -1,160 +1,283 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1">
<title>Overdue Dues Notice - MonacoUSA</title> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<style> <title>URGENT: Overdue Dues Notice - MonacoUSA</title>
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>
</head> </head>
<body> <body style="margin: 0; padding: 0; font-family: Arial, sans-serif; background-color: #f4f4f4;">
<div class="header"> <!-- Main Container -->
<h1>🏎️ MonacoUSA</h1> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f4f4f4; padding: 20px 0;">
<h2>⚠️ Overdue Dues Notice</h2> <tr>
</div> <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);">
<div class="content"> <!-- Header with Monaco Red Background -->
<div class="alert-danger"> <tr>
<strong>🚨 URGENT: Payment Overdue!</strong> Your annual membership dues are now {{daysOverdue}} days overdue. <td style="background-color: #a31515; padding: 30px; text-align: center;">
</div> <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>
<p>Dear {{memberName}},</p> <!-- Main Content -->
<tr>
<td style="padding: 40px 30px;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<p>This is an urgent notice that your annual MonacoUSA membership dues are now overdue and require immediate payment to avoid service interruption.</p> <!-- 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>
<div class="member-info"> <!-- Greeting -->
<h3>Member Information</h3> <tr>
<p><strong>Name:</strong> {{memberName}}</p> <td style="padding-bottom: 20px;">
<p><strong>Member ID:</strong> {{memberId}}</p> <h2 style="color: #a31515; font-size: 20px; font-weight: bold; margin: 0;">Dear {{memberName}},</h2>
<p><strong>Email:</strong> {{memberEmail}}</p> </td>
<p><strong>Member Since:</strong> {{memberSince}}</p> </tr>
</div>
<div class="amount-due"> <!-- Message -->
Overdue Amount: {{amount}} <tr>
<br> <td style="padding-bottom: 30px;">
<small style="font-size: 16px; color: #666;">Original Due Date: {{originalDueDate}}</small> <p style="color: #333333; font-size: 16px; line-height: 1.6; margin: 0;">
<br> Your annual MonacoUSA membership dues payment is now overdue. To avoid interruption of your
<small style="font-size: 14px; color: #d32f2f;">{{daysOverdue}} days overdue</small> membership benefits and potential account suspension, please submit your payment immediately.
</div> </p>
</td>
</tr>
<div class="member-info"> <!-- Member Information Box -->
<h3>Payment Information</h3> <tr>
<p>Membership fee is {{amount}}/yr per person, paid using the IBAN below:</p> <td style="padding-bottom: 30px;">
<p><strong>IBAN Euro:</strong> {{paymentIban}}</p> <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px;">
<p><strong>Account Holder:</strong> {{accountHolder}}</p> <tr>
<p><strong>Payment Reference:</strong> {{memberId}} - Annual Dues</p> <td style="padding: 25px;">
</div> <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>
<p><strong>Important:</strong> Please include your member ID ({{memberId}}) in the payment reference to ensure proper credit to your account.</p> <!-- 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>
<div class="consequences"> <!-- Payment Information -->
<p><strong>Important:</strong> Failure of payment will lead to a revoking of MonacoUSA Member Privileges.</p> <tr>
</div> <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>
<p>If you have already submitted payment, please forward your payment confirmation to info@monacousa.org to update your account status.</p> <!-- 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>
<p><strong>Questions or Concerns?</strong> Contact us:</p> <!-- Help Message -->
<p>📧 Email: info@monacousa.org</p> <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>
<p>We value your membership and hope to resolve this matter promptly.</p> <!-- 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>
<p>Best regards,<br> </table>
The MonacoUSA Membership Team</p> </td>
</div> </tr>
<div class="footer"> <!-- Footer -->
<p>This is an automated notice from MonacoUSA. Please do not reply to this email.</p> <tr>
<p>© {{currentYear}} MonacoUSA. All rights reserved.</p> <td style="background-color: #f8f9fa; padding: 30px; text-align: center; border-top: 1px solid #e9ecef;">
<p>Please submit your payment to avoid membership suspension.</p> <table width="100%" cellpadding="0" cellspacing="0" border="0">
</div> <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> </body>
</html> </html>