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

{% block title %}{% trans "Inquiry Response Request - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "You have been requested to provide a response regarding an inquiry." %}{% endblock %}

{% block content %}
<h2 style="color: #0891b2; margin-top: 0; font-size: 20px;">{% trans "Inquiry Response Request" %}</h2>
<p>{% trans "Dear" %} {{ staff_name }},</p>
<p>{% trans "You have been requested to provide a response regarding the following inquiry:" %}</p>

<div style="background: #f8fafc; padding: 15px; border-radius: 8px; margin: 15px 0; border-left: 4px solid #0891b2;">
    <p style="margin: 0 0 8px 0;"><strong>{% trans "Reference:" %}</strong> #{{ inquiry_reference }}</p>
    <p style="margin: 0 0 8px 0;"><strong>{% trans "Subject:" %}</strong> {{ inquiry_subject }}</p>
    {% if inquiry_message %}
    <p style="margin: 0;"><strong>{% trans "Message:" %}</strong> {{ inquiry_message }}</p>
    {% endif %}
</div>

{% if request_message %}
<div style="background: #eff6ff; padding: 15px; border-radius: 8px; margin: 15px 0; border-left: 4px solid #3b82f6;">
    <p style="margin: 0 0 5px 0; font-weight: bold;">{% trans "Request Message:" %}</p>
    <p style="margin: 0;">{{ request_message }}</p>
</div>
{% endif %}

<div style="text-align: center; margin: 25px 0;">
    <a href="{{ explanation_url }}" style="background: #0891b2; color: white; padding: 12px 30px; text-decoration: none; border-radius: 8px; font-weight: bold; display: inline-block;">
        {% trans "Submit Your Response" %}
    </a>
</div>

<p style="color: #64748b; font-size: 12px;">{% trans "This link can only be used once. If you cannot click the button above, copy and paste the following URL into your browser:" %}</p>
<p style="color: #0891b2; font-size: 12px; word-break: break-all;">{{ explanation_url }}</p>
{% endblock %}