{% extends 'emails/base_email_template.html' %}
{% load i18n %}

{% block title %}{% trans "Appointment Confirmation - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "Your appointment has been confirmed. Please review the details." %}{% endblock %}

{% block content %}
<p style="margin: 0 0 15px;">
    {% trans "Dear" %} <strong>{{ patient_name|default:_("Valued Patient") }}</strong>,
</p>

<p style="margin: 0 0 20px;">
    {% trans "Your appointment has been confirmed. Please find the details below and save this email for your records." %}
</p>

<p style="margin: 0 0 5px;"><strong>{% trans "Patient Name:" %}</strong> {{ patient_name|default:_("N/A") }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Appointment ID:" %}</strong> {{ appointment_id|default:_("N/A") }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Date:" %}</strong> {{ appointment_date|default:_("N/A") }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Time:" %}</strong> {{ appointment_time|default:_("N/A") }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Department:" %}</strong> {{ department|default:_("N/A") }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Doctor:" %}</strong> {{ doctor_name|default:_("N/A") }}</p>
<p style="margin: 0 0 20px;"><strong>{% trans "Location:" %}</strong> {{ location|default:_("Al Hammadi Hospital") }}</p>

<p style="margin: 0 0 5px;"><strong>{% trans "Important Reminders:" %}</strong></p>
<p style="margin: 0 0 5px;">- <strong>{% trans "Arrive Early:" %}</strong> {% trans "Please arrive 15 minutes before your appointment time for registration" %}</p>
<p style="margin: 0 0 5px;">- <strong>{% trans "Bring Documents:" %}</strong> {% trans "Please bring your ID and any relevant medical records" %}</p>
<p style="margin: 0 0 25px;">- <strong>{% trans "Need to Reschedule?" %}</strong> {% trans "Contact us at least 24 hours in advance" %}</p>

<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td align="center">
            <a href="{{ reschedule_link|default:'#' }}"
               style="display: inline-block; padding: 12px 32px; font-size: 16px; font-weight: 600; color: #ffffff; text-decoration: none; border-radius: 6px; background-color: #005696;">
                {% trans "Reschedule or Cancel" %}
            </a>
        </td>
    </tr>
</table>

<p style="margin: 25px 0 0; font-size: 14px; color: #666666;">
    <strong>{% trans "Phone:" %}</strong> {{ hospital_phone|default:"+966 XXX XXX XXXX" }}<br>
    <strong>{% trans "Email:" %}</strong> {{ hospital_email|default:"appointments@alhammadihospital.com" }}<br>
    <strong>{% trans "Emergency:" %}</strong> {% trans "For emergencies, please call 997 or visit our ER immediately" %}
</p>
{% endblock %}