From 0839eb7e379265c439012d488250f68d86341975 Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 22 Sep 2025 12:45:32 +0100
Subject: [PATCH] Enhance error handling and user experience for JSON answer
 input in form

---
 .../atlas/collection_case_questions.html      | 35 ++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/atlas/templates/atlas/collection_case_questions.html b/atlas/templates/atlas/collection_case_questions.html
index d16de1da..e762c860 100644
--- a/atlas/templates/atlas/collection_case_questions.html
+++ b/atlas/templates/atlas/collection_case_questions.html
@@ -129,7 +129,40 @@
 
         <form method="POST" class="post-form">
             {% csrf_token %}
-            {{example_form}}
+            {# Render example_form fields explicitly so we can improve error UX for json_answer #}
+            {% for field in example_form %}
+                {% if field.name == 'json_answer' %}
+                    <div class="mb-3">
+                        {% if field.errors %}
+                            <div class="alert alert-warning" role="alert">
+                                <strong>Answer required.</strong>
+                                <div>Some questions do not have a default answer, please select below.</div>
+                                <details style="margin-top:8px;">
+                                    <summary class="small">Validation details</summary>
+                                    <ul class="mb-0">
+                                        {% for err in field.errors %}
+                                            <li class="small text-muted">{{ err }}</li>
+                                        {% endfor %}
+                                    </ul>
+                                </details>
+                            </div>
+                        {% endif %}
+                        {{ field }} {# hidden/JS-bound field stays rendered #}
+                    </div>
+                {% else %}
+                    <div class="mb-3">
+                        {{ field.label_tag }} {{ field }}
+                        {% if field.errors %}
+                            {% for err in field.errors %}
+                                <div class="text-danger small">{{ err }}</div>
+                            {% endfor %}
+                        {% endif %}
+                        {% if field.help_text %}
+                            <small class="form-text text-muted">{{ field.help_text }}</small>
+                        {% endif %}
+                    </div>
+                {% endif %}
+            {% endfor %}
             <button type="submit" value="answer" name="submit">Save Correct Answers</button>
         </form>
     {% endif %}