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

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

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

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

{% block hero_subtitle %}{% trans "Help us improve our services by sharing your recent experience at Al Hammadi Hospital" %}{% endblock %}

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

<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;">
                {% trans "Why Your Feedback Matters:" %}
            </h3>
        </td>
    </tr>
    <tr>
        <td>
            <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>{% trans "Improve Patient Care:" %}</strong> {% trans "Your insights help us enhance our services" %}
                        </p>
                    </td>
                </tr>
            </table>
            
            <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>{% trans "Better Experience:" %}</strong> {% trans "Help us create a better experience for all patients" %}
                        </p>
                    </td>
                </tr>
            </table>
            
            <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>{% trans "Quality Standards:" %}</strong> {% trans "Contribute to our commitment to excellence" %}
                        </p>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>
{% endblock %}

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

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

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