261 lines
12 KiB
PHP
261 lines
12 KiB
PHP
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<style>
|
|
body {
|
|
font-family: 'Segoe UI', Arial, sans-serif;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #f4f7f6;
|
|
color: #333;
|
|
-webkit-text-size-adjust: 100%;
|
|
}
|
|
.container {
|
|
width: 100%;
|
|
max-width: 640px;
|
|
margin: 0 auto;
|
|
background: #ffffff;
|
|
border-radius: 8px;
|
|
overflow: hidden;
|
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
|
|
}
|
|
.header {
|
|
background: linear-gradient(135deg, #1f618d, #21618c, #117a65);
|
|
color: #ffffff;
|
|
padding: 24px 20px;
|
|
text-align: center;
|
|
}
|
|
.header h1 {
|
|
margin: 0;
|
|
font-size: 22px;
|
|
letter-spacing: 0.3px;
|
|
}
|
|
.header-subtitle {
|
|
margin-top: 6px;
|
|
font-size: 13px;
|
|
opacity: 0.92;
|
|
}
|
|
.content {
|
|
padding: 24px 20px;
|
|
}
|
|
.alert-banner {
|
|
padding: 14px 16px;
|
|
border-radius: 6px;
|
|
margin-bottom: 20px;
|
|
font-size: 14px;
|
|
line-height: 1.5;
|
|
}
|
|
.alert-overdue {
|
|
background: #fdecea;
|
|
border-left: 4px solid #c0392b;
|
|
color: #922b21;
|
|
}
|
|
.alert-upcoming {
|
|
background: #eaf4fb;
|
|
border-left: 4px solid #2980b9;
|
|
color: #1f4e79;
|
|
}
|
|
.intro {
|
|
font-size: 14px;
|
|
line-height: 1.7;
|
|
color: #2c3e50;
|
|
margin: 0 0 18px;
|
|
}
|
|
.section-title {
|
|
font-size: 16px;
|
|
color: #2c3e50;
|
|
border-bottom: 2px solid #3498db;
|
|
display: inline-block;
|
|
margin: 0 0 12px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.details-table {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
margin-bottom: 20px;
|
|
}
|
|
.details-table td {
|
|
padding: 10px 12px;
|
|
border-bottom: 1px solid #ecf0f1;
|
|
font-size: 13px;
|
|
vertical-align: top;
|
|
}
|
|
.details-table td.label {
|
|
width: 38%;
|
|
color: #7f8c8d;
|
|
font-weight: 600;
|
|
background: #f8f9fa;
|
|
}
|
|
.details-table td.value {
|
|
color: #2c3e50;
|
|
}
|
|
.amount-highlight {
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
color: #c0392b;
|
|
}
|
|
.status-badge {
|
|
display: inline-block;
|
|
padding: 3px 10px;
|
|
border-radius: 12px;
|
|
font-size: 11px;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.4px;
|
|
}
|
|
.status-pending {
|
|
background: #fdebd0;
|
|
color: #b9770e;
|
|
}
|
|
.status-overdue {
|
|
background: #fadbd8;
|
|
color: #922b21;
|
|
}
|
|
.next-steps {
|
|
background: #f8f9fa;
|
|
border-radius: 6px;
|
|
padding: 14px 16px;
|
|
margin-top: 8px;
|
|
}
|
|
.next-steps h4 {
|
|
margin: 0 0 8px;
|
|
font-size: 14px;
|
|
color: #2c3e50;
|
|
}
|
|
.next-steps ul {
|
|
margin: 0;
|
|
padding-left: 18px;
|
|
font-size: 13px;
|
|
line-height: 1.7;
|
|
color: #566573;
|
|
}
|
|
.note {
|
|
font-size: 12px;
|
|
color: #7f8c8d;
|
|
line-height: 1.6;
|
|
margin-top: 16px;
|
|
font-style: italic;
|
|
}
|
|
.footer {
|
|
background: #f8f9fa;
|
|
padding: 14px 18px;
|
|
text-align: center;
|
|
font-size: 11px;
|
|
color: #95a5a6;
|
|
line-height: 1.5;
|
|
}
|
|
@media only screen and (max-width: 480px) {
|
|
.content {
|
|
padding: 16px 14px;
|
|
}
|
|
.header h1 {
|
|
font-size: 19px;
|
|
}
|
|
.details-table td.label {
|
|
width: 42%;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="container" style="width:100%;max-width:640px;margin:0 auto;background:#ffffff;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,0.06);">
|
|
<div class="header" style="background:#1f618d;color:#ffffff;padding:24px 20px;text-align:center;">
|
|
<h1>Policy Installment Payment Reminder</h1>
|
|
<div class="header-subtitle">Nhance India Insurance</div>
|
|
</div>
|
|
|
|
<div class="content" style="padding:24px 20px;">
|
|
<?php if (!empty($is_overdue)): ?>
|
|
<div class="alert-banner alert-overdue" style="padding:14px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;line-height:1.5;background:#fdecea;border-left:4px solid #c0392b;color:#922b21;">
|
|
<strong>Payment Overdue:</strong> The installment for <strong><?= esc($client_name ?? '') ?></strong> was due on <strong><?= esc($payment_date ?? '') ?></strong>. Kindly arrange the payment at the earliest to keep the policy active.
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="alert-banner alert-upcoming" style="padding:14px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;line-height:1.5;background:#eaf4fb;border-left:4px solid #2980b9;color:#1f4e79;">
|
|
<strong>Payment Reminder:</strong> An installment payment for <strong><?= esc($client_name ?? '') ?></strong> is due on <strong><?= esc($payment_date ?? '') ?></strong>. Please review the details below.
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<p class="intro" style="font-size:14px;line-height:1.7;color:#2c3e50;margin:0 0 18px;">
|
|
This is a reminder that a policy installment payment is <?= !empty($is_overdue) ? 'overdue' : 'upcoming' ?> for
|
|
<strong><?= esc($client_name ?? '') ?></strong> (<?= esc($branch_name ?? '-') ?> branch).
|
|
Kindly process the payment on or before the due date to ensure uninterrupted policy coverage.
|
|
</p>
|
|
|
|
<h3 class="section-title" style="font-size:16px;color:#2c3e50;border-bottom:2px solid #3498db;display:inline-block;margin:0 0 12px;padding-bottom:4px;">
|
|
Payment Details
|
|
</h3>
|
|
|
|
<table class="details-table" style="width:100%;border-collapse:collapse;margin-bottom:20px;">
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Organization</td>
|
|
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><?= esc($client_name ?? '-') ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Branch</td>
|
|
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><?= esc($branch_name ?? '-') ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Policy Number</td>
|
|
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><?= esc($policy_no ?? 'Not Assigned') ?></td>
|
|
</tr>
|
|
<?php if (!empty($policy_type)): ?>
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Policy Type</td>
|
|
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><?= esc($policy_type) ?></td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
<?php if (!empty($insurer_name)): ?>
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Insurance Company</td>
|
|
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><?= esc($insurer_name) ?></td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
<?php if (!empty($policy_period)): ?>
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Policy Period</td>
|
|
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><?= esc($policy_period) ?></td>
|
|
</tr>
|
|
<?php endif; ?>
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Due Date</td>
|
|
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><strong><?= esc($payment_date ?? '-') ?></strong></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Amount Payable</td>
|
|
<td class="value amount-highlight" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:18px;font-weight:bold;color:#c0392b;"><?= esc($installment_amount ?? '-') ?></td>
|
|
</tr>
|
|
<tr>
|
|
<td class="label" style="width:38%;padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#7f8c8d;font-weight:600;background:#f8f9fa;">Status</td>
|
|
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;">
|
|
<span class="status-badge <?= !empty($is_overdue) ? 'status-overdue' : 'status-pending' ?>" style="display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.4px;background:<?= !empty($is_overdue) ? '#fadbd8' : '#fdebd0' ?>;color:<?= !empty($is_overdue) ? '#922b21' : '#b9770e' ?>;">
|
|
<?= !empty($is_overdue) ? 'Payment Overdue' : 'Payment Pending' ?>
|
|
</span>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div class="next-steps" style="background:#f8f9fa;border-radius:6px;padding:14px 16px;margin-top:8px;">
|
|
<h4 style="margin:0 0 8px;font-size:14px;color:#2c3e50;">Important Instructions</h4>
|
|
<ul style="margin:0;padding-left:18px;font-size:13px;line-height:1.7;color:#566573;">
|
|
<li>Please arrange the installment payment of <strong><?= esc($installment_amount ?? '') ?></strong> on or before <strong><?= esc($payment_date ?? '') ?></strong>.</li>
|
|
<li>After making the payment, kindly share the payment reference / UTR details for confirmation and record update.</li>
|
|
<li>If the payment has already been made, please share the transaction details at the earliest.</li>
|
|
<li>For any clarification regarding the amount or due date, please coordinate with the concerned team.</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<p class="note" style="font-size:12px;color:#7f8c8d;line-height:1.6;margin-top:16px;font-style:italic;">
|
|
Timely payment helps ensure continuous insurance coverage. Thank you for your cooperation.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="footer" style="background:#f8f9fa;padding:14px 18px;text-align:center;font-size:11px;color:#95a5a6;line-height:1.5;">
|
|
This is an automated notification from Nhance India Insurance. Please do not reply to this email.
|
|
<br>Generated on <?= esc($generated_on ?? date('d-m-Y H:i')) ?>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|