Refactor exam management: update exam edit form and add exam links partial

anatomy/templates/anatomy/partials/exam_edit_fragment.html

@@ -1,10 +1,11 @@
 {% load static %}
 <div id="exam-list">
-    <form hx-post="{% url 'anatomy:question_add_exam' question_id=question.pk %}" hx-target="#exam-list" hx-swap="innerHTML">
+    <form id="exam-edit-form">
         {% csrf_token %}
+        {{ form.media }}
         <div class="input-group mb-2">
             {{ form.exam }}
-            <button class="btn btn-sm btn-primary" type="submit">Save</button>
+            <button class="btn btn-sm btn-primary" type="button" hx-post="{% url 'anatomy:question_add_exam' question_id=question.pk %}" hx-include="#id_exam" hx-target="#exam-list" hx-swap="innerHTML">Save</button>
             <button type="button" class="btn btn-sm btn-outline-secondary" onclick="document.getElementById('exam-list').innerHTML='';">Close</button>
         </div>
     </form>

anatomy/templates/anatomy/partials/exam_links.html

@@ -0,0 +1,9 @@
+<div id="exam-links" class="small" hx-swap-oob="outerHTML">
+    {% if question.exams.all %}
+        {% for exam in question.exams.all %}
+            <a href="{% url 'anatomy:exam_overview' pk=exam.pk %}" class="me-2">{{ exam }}</a>
+        {% endfor %}
+    {% else %}
+        No exams
+    {% endif %}
+</div>

anatomy/templates/anatomy/question_detail.html

@@ -156,13 +156,7 @@
 
                     <div class="mt-3">
                         <h6>Exams</h6>
-                        <div class="small">
-                            {% for exam in question.exams.all %}
-                                <a href="{% url 'anatomy:exam_overview' pk=exam.pk %}" class="me-2">{{ exam }}</a>
-                            {% empty %}
-                                No exams
-                            {% endfor %}
-                        </div>
+                        {% include 'anatomy/partials/exam_links.html' %}
                         {% if can_edit %}
                             <div class="mt-2"><button class="btn btn-sm btn-outline-secondary" hx-get="{% url 'anatomy:question_add_exam' question_id=question.pk %}" hx-target="#exam-list" hx-swap="innerHTML">Edit exam(s)</button>
                                 <span id="exam-list"></span>

anatomy/views.py

@@ -30,6 +30,7 @@ from dal import autocomplete
 from django.conf import settings
 from django.utils.html import format_html_join
 from django.utils.safestring import mark_safe
+from django.template.loader import render_to_string
 
 
 from .forms import (
@@ -1653,11 +1654,37 @@ def question_add_exam(request, question_id: int):
                 else:
                     question.exams.add(exam)
 
-                # return updated fragment
-                form = AddExamForm(user=request.user)
-                return render(request, "anatomy/partials/exam_edit_fragment.html", {"form": form, "question": question})
+                # return out-of-band swap: update exam links and remove the editor
+                links_html = render_to_string("anatomy/partials/exam_links.html", {"question": question}, request=request)
+                oob_remove = '<div id="exam-list" hx-swap-oob="outerHTML"></div>'
+                return HttpResponse(mark_safe(links_html + oob_remove))
 
-            # else try to process from the search form
+            # else try to process from the search form or widget-provided values
+            # The ExamSearchWidget may submit a list; accept first value if present.
+            exam_vals = request.POST.getlist('exam') if hasattr(request.POST, 'getlist') else []
+            if not exam_vals:
+                # also accept single 'exam' param
+                single = request.POST.get('exam')
+                if single:
+                    exam_vals = [single]
+
+            if exam_vals:
+                try:
+                    exam = get_object_or_404(Exam, pk=int(exam_vals[0]))
+                except (ValueError, TypeError):
+                    exam = None
+
+                if exam:
+                    if request.POST.get("remove", False) == "true":
+                        question.exams.remove(exam)
+                    else:
+                        question.exams.add(exam)
+
+                    links_html = render_to_string("anatomy/partials/exam_links.html", {"question": question}, request=request)
+                    oob_remove = '<div id="exam-list" hx-swap-oob="outerHTML"></div>'
+                    return HttpResponse(mark_safe(links_html + oob_remove))
+
+            # else try to process via bound form (fallback)
             form = AddExamForm(request.POST, user=request.user)
             if form.is_valid():
                 exam = form.cleaned_data.get("exam")
@@ -1666,8 +1693,9 @@ def question_add_exam(request, question_id: int):
                 else:
                     question.exams.add(exam)
 
-                form = AddExamForm(user=request.user)
-                return render(request, "anatomy/partials/exam_edit_fragment.html", {"form": form, "question": question})
+                links_html = render_to_string("anatomy/partials/exam_links.html", {"question": question}, request=request)
+                oob_remove = '<div id="exam-list" hx-swap-oob="outerHTML"></div>'
+                return HttpResponse(mark_safe(links_html + oob_remove))
             else:
                 # render form with errors
                 return render(request, "anatomy/partials/exam_edit_fragment.html", {"form": form, "question": question})