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

{% block title %}{% trans "New Appreciation Received - Al Hammadi Hospital" %}{% endblock %}
{% block preheader %}{% trans "A new appreciation has been submitted" %}{% endblock %}

{% block content %}
<p style="margin: 0 0 15px;">
    {% trans "Dear" %} <strong>{{ recipient_name|default:'Team' }}</strong>,
</p>

<p style="margin: 0 0 20px;">
    {% trans "A new appreciation has been submitted. Here are the details." %}
</p>

<p style="margin: 0 0 5px;"><strong>{% trans "Reference" %}:</strong> APR-{{ reference }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "From" %}:</strong> {{ sender_name }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Hospital" %}:</strong> {{ hospital_name|default:"N/A" }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Department" %}:</strong> {{ department_name|default:"N/A" }}</p>
<p style="margin: 0 0 20px;"><strong>{% trans "Category" %}:</strong> {{ category }}</p>

{% if message_en %}
<p style="margin: 0 0 5px;"><strong>{% trans "Message (English)" %}:</strong></p>
<p style="margin: 0 0 15px;">{{ message_en }}</p>
{% endif %}

{% if message_ar %}
<p style="margin: 0 0 5px;"><strong>{% trans "Message (Arabic)" %}:</strong></p>
<p style="margin: 0 0 15px;" dir="rtl">{{ message_ar }}</p>
{% endif %}

<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td align="center">
            <a href="{{ item_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 "View Appreciation" %}
            </a>
        </td>
    </tr>
</table>

<p style="margin: 25px 0 0; font-size: 14px; color: #666666;">
    <strong>{% trans "Type:" %}</strong> {{ notification_type|default:"Working Hours" }}<br>
    <strong>{% trans "Time:" %}</strong> {{ current_time }}<br>
    {% trans "This is an automated notification from the PX 360 system." %}
</p>
{% endblock %}