nhance/app/Views/pt_renewal_reminder_email_template.php

224 lines
10 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;
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;
}
.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 Renewal Reminder</h1>
<div class="header-subtitle">Nhance India Insurance</div>
</div>
<div class="content" style="padding:24px 20px;">
<div class="alert-banner" style="padding:14px 16px;border-radius:6px;margin-bottom:20px;font-size:14px;line-height:1.5;background:<?= !empty($is_overdue) ? '#fdecea' : '#eaf4fb' ?>;border-left:4px solid <?= !empty($is_overdue) ? '#c0392b' : '#2980b9' ?>;color:<?= !empty($is_overdue) ? '#922b21' : '#1f4e79' ?>;">
<?php if (!empty($is_overdue)): ?>
<strong>Overdue Renewal:</strong> The policy for <strong><?= esc($client_name ?? '') ?></strong>
was due for renewal on <strong><?= esc($reminder_date ?? '') ?></strong>. Please renew at the earliest.
<?php else: ?>
<strong>Renewal Reminder:</strong> The policy for <strong><?= esc($client_name ?? '') ?></strong>
is due for renewal on <strong><?= esc($reminder_date ?? '') ?></strong>
(in <strong><?= esc((string) ($days_before ?? '')) ?></strong> day(s)).
<?php endif; ?>
</div>
<p class="intro" style="font-size:14px;line-height:1.7;color:#2c3e50;margin:0 0 18px;">
This is a reminder that a policy renewal is <?= !empty($is_overdue) ? 'overdue' : 'upcoming' ?> for
<strong><?= esc($client_name ?? '') ?></strong>.
Please review the details below and initiate the renewal process in time to ensure uninterrupted 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;">
Policy 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;">Client</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;">Client Type</td>
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><?= esc($client_type_label ?? '-') ?></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;">Renewal / End Date</td>
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><strong><?= esc($reminder_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;">Days Before</td>
<td class="value" style="padding:10px 12px;border-bottom:1px solid #ecf0f1;font-size:13px;color:#2c3e50;"><?= esc((string) ($days_before ?? '-')) ?></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;">Next Steps</h4>
<ul style="margin:0;padding-left:18px;font-size:13px;line-height:1.7;color:#566573;">
<li>Please initiate the renewal process before <strong><?= esc($reminder_date ?? '') ?></strong>.</li>
<li>Confirm coverage requirements and share any updated details with the concerned team.</li>
<li>For clarification regarding the renewal, please coordinate with your Nhance contact.</li>
</ul>
</div>
<p class="note" style="font-size:12px;color:#7f8c8d;line-height:1.6;margin-top:16px;font-style:italic;">
Timely renewal 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>