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

{% block title %}{% trans "New Communication Request - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "A source user has submitted a communication request." %}{% endblock %}

{% block content %}
<h2 style="color: #0d9488; margin-top: 0; font-size: 20px;">{% trans "New Communication Request" %}</h2>
<p>{% trans "A source user has submitted a communication request:" %}</p>

<div style="background: #f8fafc; padding: 15px; border-radius: 8px; margin: 15px 0; border-left: 4px solid #0d9488;">
    <p style="margin: 0 0 8px 0;"><strong>{% trans "Reason:" %}</strong> {{ reason }}</p>
    {% if patient_name %}
    <p style="margin: 0 0 8px 0;"><strong>{% trans "Patient:" %}</strong> {{ patient_name }}</p>
    {% endif %}
    <p style="margin: 0 0 8px 0;"><strong>{% trans "From:" %}</strong> {{ source_user_name }}</p>
    <p style="margin: 0;"><strong>{% trans "Message:" %}</strong> {{ message }}</p>
</div>

<p style="color: #64748b; font-size: 13px;">{% trans "Request ID:" %} {{ request_id }}</p>

<div style="text-align: center; margin: 25px 0;">
    <a href="{{ detail_url }}" style="display: inline-block; padding: 12px 30px; font-size: 14px; font-weight: 600; color: white; text-decoration: none; border-radius: 8px; background-color: #0d9488;">{% trans "View & Respond" %}</a>
</div>

<p style="color: #64748b; font-size: 12px; margin-top: 10px;">
    {% trans "Or log in to the PX360 system and go to PX Sources → Comm. Requests." %}
</p>
{% endblock %}