feat: htmx powered requests, improved loading indicator

feat: loading indicator and htmx form submit

templates/booking/edit.html.twig

@@ -53,11 +53,23 @@
 {% block content %}
     {% include '_partials/_flashes.html.twig' %}
     <div {{ stimulus_controller('toast') }}></div>
-    <h1 class="text-3xl font-semibold pb-8">Buchung bearbeiten</h1>
+
+    {# Header with reload button #}
+    <div class="flex justify-between items-center pb-8">
+        <h1 class="text-3xl font-semibold">Buchung bearbeiten</h1>
+
+        <button type="button"
+                hx-post="{{ path('app_booking_edit_reload', {id: bookingData.id}) }}"
+                hx-confirm="Alle nicht gespeicherten Änderungen gehen verloren. Fortfahren?"
+                {{ stimulus_action('loading', 'toggle') }}
+                class="px-4 py-2 bg-gray-200 hover:bg-gray-300 text-gray-800 rounded transition-colors">
+            🔄 Änderungen verwerfen
+        </button>
+    </div>
 
     {# Grid layout with 2/3 form + 1/3 summary #}
     <div class="grid grid-cols-3 gap-8">
-        <div class="col-span-2">
+        <div id="form-wrapper" class="col-span-2">
             <h2>Teilnehmer</h2>
             {{ form_start(form) }}
             {% do form.participants.setRendered %}
@@ -362,7 +374,7 @@
             {% endblock %}
             <div class="flex justify-between">
                 <a href="{{ path('app_bookings') }}" class="button bg-button bg-button--secondary">Zurück</a>
-                <button type="submit" class="button bg-button bg-button--secondary">Aktualisieren</button>
+                <button type="submit" class="button bg-button bg-button--secondary" {{ stimulus_action('loading', 'toggle') }}>Aktualisieren</button>
             </div>
             {{ form_rest(form) }}
             {{ form_end(form) }}
@@ -379,4 +391,4 @@
             </div>
         {% endblock %}
     </div>
-{% endblock %}
+{% endblock %}