From 185cc67c100940143771e60a0b78b431faff04fa Mon Sep 17 00:00:00 2001
From: ismail <ismail.mosa.ibrahim@gmail.com>
Date: Mon, 20 Jul 2026 22:04:24 +0300
Subject: [PATCH] ux(inquiry): visible hint when Resolve is disabled until
 contact_status set
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The department-side Resolve button is disabled (greyed out) until the
department records a patient contact outcome — the contact_status gate
in inquiry_change_status enforces this. Previously only a hover tooltip
explained why; now an inline amber hint appears next to the actions bar
so the reason is immediately visible.
---
 templates/organizations/department_inquiry_detail.html | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/templates/organizations/department_inquiry_detail.html b/templates/organizations/department_inquiry_detail.html
index e7c32a0..d0f2d7c 100644
--- a/templates/organizations/department_inquiry_detail.html
+++ b/templates/organizations/department_inquiry_detail.html
@@ -60,6 +60,13 @@
             </select>
         </form>
 
+        {% if inquiry.status == 'in_progress' and inquiry.contact_status == 'not_contacted' %}
+        <span class="inline-flex items-center gap-1.5 text-xs text-amber-700 bg-amber-50 border border-amber-200 rounded-lg px-2.5 py-1.5">
+            <i data-lucide="info" class="w-3.5 h-3.5"></i>
+            {% trans "Record a contact outcome above before resolving." %}
+        </span>
+        {% endif %}
+
         {% if inquiry.status == 'in_progress' %}
         <!-- Mark Resolved (requires a patient contact outcome first) -->
         <form method="post" action="{% url 'inquiries:inquiry_change_status' inquiry.pk %}" onsubmit="return confirm('{% filter escapejs %}{% trans "Mark this inquiry as resolved?" %}{% endfilter %}')">