{% 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 content %}
<h1 style="margin: 0 0 20px; font-size: 24px; font-weight: 600; color: #005696;">{% trans "We Value Your Feedback" %}</h1>

<p style="margin: 0 0 15px; font-size: 16px; color: #1e293b; line-height: 1.6;">
    {% trans "Dear" %} <strong>{{ patient_name|default:_("Valued Patient") }}</strong>,
</p>
<p style="margin: 0 0 20px; font-size: 16px; color: #475569; 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: 0 0 25px; font-size: 16px; color: #475569; line-height: 1.6;">
    {% trans "We would greatly appreciate it if you could take a few minutes to complete our satisfaction survey. Your feedback helps us improve our services." %}
</p>

<!-- Survey Info -->
<div style="background-color: #f8fafc; border-radius: 6px; padding: 15px; margin-bottom: 25px;">
    <p style="margin: 0; font-size: 14px; color: #64748b; line-height: 1.6;">
        ⏱ {% trans "Takes only 3-5 minutes" %}<br>
        🔒 {% trans "Your responses are confidential" %}
    </p>
</div>

<!-- CTA Button -->
<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td align="center">
            <a href="{{ survey_url }}"
               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 "Take Survey" %}
            </a>
        </td>
    </tr>
</table>

<p style="margin: 25px 0 0; font-size: 13px; color: #94a3b8; line-height: 1.5;">
    {% trans "Thank you for your time and feedback." %}
</p>
{% endblock %}