HH/templates/emails/appointment_confirmation.html
2026-03-15 23:48:45 +03:00

168 lines
7.7 KiB
HTML

{% extends 'emails/base_email_template.html' %}
{% block title %}Appointment Confirmation - Al Hammadi Hospital{% endblock %}
{% block preheader %}Your appointment has been confirmed. Please review the details.{% endblock %}
{% block hero_title %}Appointment Confirmed{% endblock %}
{% block hero_subtitle %}Your healthcare appointment at Al Hammadi Hospital has been successfully scheduled{% endblock %}
{% block content %}
<!-- Greeting -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td style="padding-bottom: 20px;">
<p style="margin: 0; font-size: 16px; color: #1e293b; line-height: 1.6;">
Dear <strong>{{ patient_name|default:'Valued Patient' }}</strong>,
</p>
<p style="margin: 15px 0 0 0; font-size: 16px; color: #64748b; line-height: 1.6;">
Your appointment has been confirmed. Please find the details below and save this email for your records.
</p>
</td>
</tr>
</table>
<!-- Appointment Details Card -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin: 25px 0; background-color: #eef6fb; border-radius: 8px; border: 1px solid #cbd5e1;">
<tr>
<td style="padding: 25px;">
<h3 style="margin: 0 0 20px 0; font-size: 18px; font-weight: 600; color: #005696; text-align: center;">
Appointment Details
</h3>
<!-- Detail Row 1 -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 15px;">
<tr>
<td width="120" style="padding-bottom: 10px; font-size: 14px; color: #64748b; font-weight: 500;">
Patient Name:
</td>
<td style="padding-bottom: 10px; font-size: 14px; color: #1e293b; font-weight: 600;">
{{ patient_name|default:'N/A' }}
</td>
</tr>
<tr>
<td style="padding-bottom: 10px; font-size: 14px; color: #64748b; font-weight: 500;">
Appointment ID:
</td>
<td style="padding-bottom: 10px; font-size: 14px; color: #1e293b; font-weight: 600;">
{{ appointment_id|default:'N/A' }}
</td>
</tr>
<tr>
<td style="padding-bottom: 10px; font-size: 14px; color: #64748b; font-weight: 500;">
Date:
</td>
<td style="padding-bottom: 10px; font-size: 14px; color: #1e293b; font-weight: 600;">
{{ appointment_date|default:'N/A' }}
</td>
</tr>
<tr>
<td style="padding-bottom: 10px; font-size: 14px; color: #64748b; font-weight: 500;">
Time:
</td>
<td style="padding-bottom: 10px; font-size: 14px; color: #1e293b; font-weight: 600;">
{{ appointment_time|default:'N/A' }}
</td>
</tr>
<tr>
<td style="padding-bottom: 10px; font-size: 14px; color: #64748b; font-weight: 500;">
Department:
</td>
<td style="padding-bottom: 10px; font-size: 14px; color: #1e293b; font-weight: 600;">
{{ department|default:'N/A' }}
</td>
</tr>
<tr>
<td style="padding-bottom: 10px; font-size: 14px; color: #64748b; font-weight: 500;">
Doctor:
</td>
<td style="padding-bottom: 10px; font-size: 14px; color: #1e293b; font-weight: 600;">
{{ doctor_name|default:'N/A' }}
</td>
</tr>
<tr>
<td style="font-size: 14px; color: #64748b; font-weight: 500;">
Location:
</td>
<td style="font-size: 14px; color: #1e293b; font-weight: 600;">
{{ location|default:'Al Hammadi Hospital' }}
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Important Reminders -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td>
<h3 style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #005696;">
Important Reminders:
</h3>
</td>
</tr>
<tr>
<td>
<!-- Reminder 1 -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 12px;">
<tr>
<td width="40" valign="top" style="padding-right: 10px;">
<span style="display: inline-block; width: 32px; height: 32px; background-color: #eef6fb; border-radius: 50%; text-align: center; line-height: 32px; font-size: 18px;">📋</span>
</td>
<td>
<p style="margin: 0; font-size: 15px; color: #1e293b; line-height: 1.5;">
<strong>Arrive Early:</strong> Please arrive 15 minutes before your appointment time for registration
</p>
</td>
</tr>
</table>
<!-- Reminder 2 -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-bottom: 12px;">
<tr>
<td width="40" valign="top" style="padding-right: 10px;">
<span style="display: inline-block; width: 32px; height: 32px; background-color: #eef6fb; border-radius: 50%; text-align: center; line-height: 32px; font-size: 18px;">📄</span>
</td>
<td>
<p style="margin: 0; font-size: 15px; color: #1e293b; line-height: 1.5;">
<strong>Bring Documents:</strong> Please bring your ID and any relevant medical records
</p>
</td>
</tr>
</table>
<!-- Reminder 3 -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
<tr>
<td width="40" valign="top" style="padding-right: 10px;">
<span style="display: inline-block; width: 32px; height: 32px; background-color: #eef6fb; border-radius: 50%; text-align: center; line-height: 32px; font-size: 18px;"></span>
</td>
<td>
<p style="margin: 0; font-size: 15px; color: #1e293b; line-height: 1.5;">
<strong>Need to Reschedule?</strong> Contact us at least 24 hours in advance
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
{% endblock %}
{% block cta_url %}{{ reschedule_link|default:'#' }}{% endblock %}
{% block cta_text %}Reschedule or Cancel{% endblock %}
{% block info_title %}Contact Information{% endblock %}
{% block info_content %}
<strong>Phone:</strong> {{ hospital_phone|default:'+966 XXX XXX XXXX' }}<br>
<strong>Email:</strong> {{ hospital_email|default:'appointments@alhammadihospital.com' }}<br>
<strong>Emergency:</strong> For emergencies, please call 997 or visit our ER immediately
{% endblock %}
{% block footer_address %}
Patient Experience Management Department<br>
Al Hammadi Hospital
{% endblock %}