From de140c3feb4581fdf2fec3995c996328cf73f714 Mon Sep 17 00:00:00 2001
From: Flo Ha <flo.ha@posteo.net>
Date: Sun, 31 May 2026 19:00:57 +0200
Subject: [PATCH] fix(suff): use deselectable checkboxes for booking mode on
 staff page

Same fix as self-booking page: radio buttons replaced with checkboxes
with mutual-exclusivity JS, so Gratis/Direkt-bar can be deselected.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 gaehsnitz/templates/suff/staff_user.html | 15 +++++++++++++--
 1 file changed, 13 insertions(+), 2 deletions(-)

diff --git a/gaehsnitz/templates/suff/staff_user.html b/gaehsnitz/templates/suff/staff_user.html
index 10e69c7..dab7b23 100644
--- a/gaehsnitz/templates/suff/staff_user.html
+++ b/gaehsnitz/templates/suff/staff_user.html
@@ -54,15 +54,26 @@
         <form method="post" action="{% url 'suff:staff_book' tab_user.username %}">
             {% csrf_token %}
             <label class="for-free-toggle">
-                <input type="radio" name="booking_mode" value="for_free" />
+                <input type="checkbox" name="booking_mode" value="for_free" />
                 <span>Gratis (z.B. Artists am Spieltag)</span>
             </label>
             {% if not is_anonymous_target %}
                 <label class="for-free-toggle">
-                    <input type="radio" name="booking_mode" value="cash_paid" />
+                    <input type="checkbox" name="booking_mode" value="cash_paid" />
                     <span>Direkt bar bezahlt</span>
                 </label>
             {% endif %}
+            <script>
+            document.querySelectorAll('input[name="booking_mode"]').forEach(function(cb) {
+                cb.addEventListener('change', function() {
+                    if (this.checked) {
+                        document.querySelectorAll('input[name="booking_mode"]').forEach(function(other) {
+                            if (other !== cb) other.checked = false;
+                        });
+                    }
+                });
+            });
+            </script>
             {% regroup drinks by alcohol_label as drink_groups %}
             {% for group in drink_groups %}
                 <h4 class="drink-group-heading">{{ group.grouper }}</h4>