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

{% block title %}Patient Survey Invitation - Al Hammadi Hospital{% endblock %}

{% block preheader %}We value your feedback! Please share your experience with us.{% endblock %}

{% block hero_title %}We Value Your Feedback{% endblock %}

{% block hero_subtitle %}Help us improve our services by sharing your recent experience at Al Hammadi Hospital{% 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;">
                Thank you for choosing Al Hammadi Hospital for your healthcare needs. We hope your recent visit on <strong>{{ visit_date|default:'your recent visit' }}</strong> met your expectations.
            </p>
            <p style="margin: 15px 0 0 0; font-size: 16px; color: #64748b; line-height: 1.6;">
                Your feedback is invaluable in helping us maintain and improve the quality of care we provide. Would you mind taking {{ survey_duration|default:'3-5' }} minutes to complete our patient experience survey?
            </p>
        </td>
    </tr>
</table>

<!-- Survey Benefits -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-top: 25px;">
    <tr>
        <td>
            <h3 style="margin: 0 0 15px 0; font-size: 18px; font-weight: 600; color: #005696;">
                Why Your Feedback Matters:
            </h3>
        </td>
    </tr>
    <tr>
        <td>
            <!-- Benefit 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>Improve Patient Care:</strong> Your insights help us enhance our services
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- Benefit 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>Better Experience:</strong> Help us create a better experience for all patients
                        </p>
                    </td>
                </tr>
            </table>
            
            <!-- Benefit 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>Quality Standards:</strong> Contribute to our commitment to excellence
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
{% endblock %}

{% block cta_url %}{{ survey_link|default:'#' }}{% endblock %}
{% block cta_text %}Start Survey{% endblock %}

{% block info_title %}Survey Information{% endblock %}
{% block info_content %}
<strong>Duration:</strong> Approximately {{ survey_duration|default:'3-5' }} minutes<br>
<strong>Confidentiality:</strong> Your responses are completely confidential<br>
<strong>Deadline:</strong> Please complete by {{ deadline|default:'the end of this week' }}
{% endblock %}

{% block footer_address %}
Patient Experience Management Department<br>
Al Hammadi Hospital
{% endblock %}