wip: booking summary for step 1

templates/booking/_room_summary.html.twig

@@ -0,0 +1,15 @@
+<div id="booking-summary">
+    <h3>Zusammenfassung</h3>
+    <h4>Zimmer</h4>
+    <ul class="list-disc list-inside pb-4">
+        {% for roomSelection in roomSummary %}
+            <li>
+                {{ roomSelection.quantity }} x {{ roomSelection.roomLabel }}
+            </li>
+        {% endfor %}
+    </ul>
+    <h4>Anzahl Teilnehmer</h4>
+    <p>
+        {{ participantCount }}
+    </p>
+</div> 

templates/booking/create_step_1.html.twig

@@ -7,7 +7,18 @@
         <div class="col-span-2">
             <h2>Zimmerauswahl</h2>
             {{ form_start(form) }}
-            {{ form_row(form.roomSelections) }}
+            <div>
+                {% for roomSelection in form.roomSelections %}
+                    {{ form_row(roomSelection, {
+                        'attr': {
+                            'hx-post': path('app_booking_create_step_1_room_summary'),
+                            'hx-target': '#booking-summary',
+                            'hx-swap': 'outerHTML',
+                            'hx-trigger': 'change'
+                        }
+                    }) }}
+                {% endfor %}
+            </div>
             <div class="flex justify-end">
                 <button type="submit" class="button bg-button bg-button--secondary">Weiter</button>
             </div>
@@ -15,13 +26,7 @@
             {{ form_end(form) }}
         </div>
         <div>
-            <h3>Zusammenfassung</h3>
-            <p>Reise: {{ bookingCreateDto.travel.label }}</p>
-            <p>Datum: {{ bookingCreateDto.travel.dateFrom | date('d.m.Y') }} - {{ bookingCreateDto.travel.dateTo | date('d.m.Y') }}</p>
-            <p>Hotel: {{ bookingCreateDto.travel.hotel.name }}</p>
-            {% if participantsCount > 0 %}
-                <p>Teilnehmerzahl: {{ participantsCount }}</p>
-            {% endif %}
+            {% include 'booking/_room_summary.html.twig' %}
         </div>
     </div>
 {% endblock %}