HH/templates/complaints/inquiry_response_form_token.html
ismail adff7dd8b5
All checks were successful
Build and Push Docker Image / build (push) Successful in 2m15s
fix: token-response forms, inquiry dept-response 500, get_email_header_html, lucide
Bugs 4-8 from the QA audit, all re-verified (re-run: 0 FAIL):
- token-response form pages (inquiry + observation, 8 templates) extended the
  static dashboard base (no {% block content %}) -> form was dropped. Switched
  to layouts/public_base.html; form + csrf now render, anonymous token POST works
- inquiry dept-response GET 500 (missing template) -> created
  complaints/inquiry_department_response.html (mirrors the observation one)
- NameError get_email_header_html in notifications/settings_service.py
  (send_inquiry_department_assigned/_resolved/_reopened) -> added to the imports
- "lucide is not defined" -> guarded the unguarded lucide.createIcons() in
  layouts/base.html and added a guarded init to layouts/public_base.html
- dept analytics XHR ERR_ABORTED -> verified endpoint returns 200 (test artifact)

Report updated: §13 issues marked fixed.
2026-06-14 20:13:45 +03:00

52 lines
2.7 KiB
HTML

{% extends "layouts/public_base.html" %}
{% load i18n %}
{% block title %}{% trans "Respond to Inquiry" %} - {{ inquiry.reference_number }}{% endblock %}
{% block content %}
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 py-12 px-4">
<div class="max-w-2xl mx-auto">
<div class="bg-white rounded-3xl shadow-2xl p-8 md:p-10">
<div class="flex items-center gap-3 mb-6">
<div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center">
<i data-lucide="help-circle" class="w-5 h-5 text-blue"></i>
</div>
<div>
<h1 class="text-xl font-bold text-navy">{% trans "Department Response" %}</h1>
<p class="text-sm text-slate-500">{{ inquiry.reference_number }}</p>
</div>
</div>
<div class="bg-slate-50 rounded-2xl p-5 mb-6">
<h3 class="text-sm font-bold text-navy mb-2">{% trans "Inquiry Details" %}</h3>
{% if inquiry.subject %}
<p class="text-xs text-slate-500 mb-1"><strong>{% trans "Subject" %}:</strong> {{ inquiry.subject }}</p>
{% endif %}
<p class="text-sm text-slate-700 whitespace-pre-wrap">{{ inquiry.message }}</p>
</div>
{% if error %}
<div class="bg-red-50 border border-red-200 rounded-xl p-4 mb-4">
<p class="text-sm text-red-700">{{ error }}</p>
</div>
{% endif %}
<form method="post">
{% csrf_token %}
<div class="mb-4">
<label class="block text-sm font-semibold text-slate mb-2">{% trans "Response (English)" %}</label>
<textarea name="response_en" rows="5" class="w-full border border-slate-200 rounded-xl p-3 text-sm focus:ring-2 focus:ring-navy/20 outline-none" placeholder="{% trans 'Enter your response in English...' %}"></textarea>
</div>
<div class="mb-6">
<label class="block text-sm font-semibold text-slate mb-2">{% trans "Response (Arabic)" %}</label>
<textarea name="response_ar" rows="5" class="w-full border border-slate-200 rounded-xl p-3 text-sm focus:ring-2 focus:ring-navy/20 outline-none" dir="rtl" placeholder="{% trans 'أدخل ردك بالعربية...' %}"></textarea>
</div>
<button type="submit" class="w-full px-6 py-3 bg-navy text-white rounded-xl font-semibold hover:bg-blue transition">
{% trans "Submit Response" %}
</button>
</form>
</div>
</div>
</div>
{% endblock %}