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

{% block title %}{% trans "URGENT - Final Reminder: Department Response Due" %}{% endblock %}
{% block preheader %}{% trans "FINAL REMINDER: Your department's response is due soon. Submit immediately to avoid escalation." %}{% endblock %}

{% block content %}
<p style="margin: 0 0 15px;">
    {% trans "Dear" %} <strong>{{ staff.first_name }} {{ staff.last_name }}</strong>,
</p>

<p style="margin: 0 0 20px;">
    {% trans "This is your FINAL reminder that your department has been requested to respond to the following complaint." %}
</p>

<p style="margin: 0 0 20px;">
    {% trans "This is your FINAL reminder that you have been requested to provide an explanation for the following complaint." %}
</p>

<p style="margin: 0 0 5px;"><strong>{% trans "Reference:" %}</strong> #{{ complaint.id|slice:":8" }}</p>
<p style="margin: 0 0 5px;"><strong>{% trans "Title:" %}</strong> {{ complaint.title }}</p>
{% if complaint.description %}
<p style="margin: 0 0 5px;"><strong>{% trans "Description:" %}</strong> {{ complaint.description }}</p>
{% endif %}
<p style="margin: 0 0 20px;"><strong>{% trans "Due In:" %}</strong> {{ hours_remaining }} {% trans "hours" %} ({{ due_date|date:"Y-m-d H:i" }})</p>

<p style="margin: 0 0 25px;">
    {% trans "If you do not submit your explanation before the deadline, this matter will be escalated to your manager for action." %}
</p>

<table role="presentation" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tr>
        <td align="center">
            <a href="{{ site_url }}/complaints/explanation/{{ explanation.token }}/"
               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 "Submit Your Explanation Now" %}
            </a>
        </td>
    </tr>
</table>

<p style="margin: 25px 0 5px; font-size: 13px; color: #666666; direction: rtl; text-align: right;">
    تذكير نهائي وعاجل: طلب شرح - شكوى #{{ complaint.id|slice:":8" }}
</p>
<p style="margin: 0; font-size: 12px; color: #999999; direction: rtl; text-align: right; line-height: 1.8;">
    هذا تذكيرك النهائي بأنه تم طلب منك تقديم شرح بخصوص الشكوى التالية.<br>
    مهم: إذا لم تقدم شرحك قبل الموعد النهائي، سيتم تصعيد هذا الأمر إلى مديرك المباشر لاتخاذ الإجراء اللازم.<br>
    يرجى تقديم الشرح فوراً لتجنب التصعيد.
</p>
{% endblock %}