From d8818dc435b94739089f2a0cd51004fc075bf2c1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Mon, 13 Apr 2026 12:23:20 +0200
Subject: [PATCH] feat: extract shared booking summary travel partial

---
 templates/booking/_summary.html.twig          | 51 +----------
 .../booking/_summary_travel_info.html.twig    | 54 ++++++++++++
 templates/booking/create/step_4.html.twig     | 87 ++-----------------
 3 files changed, 65 insertions(+), 127 deletions(-)
 create mode 100644 templates/booking/_summary_travel_info.html.twig

diff --git a/templates/booking/_summary.html.twig b/templates/booking/_summary.html.twig
index 0b461fd..5ba4e36 100644
--- a/templates/booking/_summary.html.twig
+++ b/templates/booking/_summary.html.twig
@@ -21,55 +21,8 @@
     {# Content - toggleable on mobile, always visible on desktop #}
     <div class="hidden lg:block flex-1 min-h-0 bg-white shadow-lg lg:shadow-none overflow-y-auto px-4 lg:px-8 py-8"
          data-toggle-target="content">
-        {# Travel Information #}
-        <div class="pb-4">
-            <table>
-                <tr>
-                    <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                        Reise
-                    </th>
-                    <td class="pl-2">
-                        {{ bookingDto.travel.label }}
-                    </td>
-                </tr>
-                <tr>
-                    <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                        Zeitraum
-                    </th>
-                    <td class="pl-2">
-                        {{ bookingDto.travel.dateFrom|date('d.m.Y') }} - {{ bookingDto.travel.dateTo|date('d.m.Y') }}
-                    </td>
-                </tr>
-                <tr>
-                    <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                        Unterkunft
-                    </th>
-                    <td class="pl-2">
-                        {{ bookingDto.travel.hotel.name }}
-                    </td>
-                </tr>
-                <tr>
-                    <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                        Teilnehmer
-                    </th>
-                    <td class="pl-2">
-                        {{ summaryData.participantCount }}
-                    </td>
-                </tr>
-                {% if bookingDto.bookingStatus != 'F' %}
-                    <tr>
-                        <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                            Status
-                        </th>
-                        <td class="pl-2">
-                            {{ bookingDto.bookingStatus|map_status }}
-                        </td>
-                    </tr>
-                {% endif %}
-            </table>
-        </div>
-
-        {% include 'booking/_summary_hotel.html.twig' with {
+        {% include 'booking/_summary_travel_info.html.twig' with {
+            'bookingDto': bookingDto,
             'summaryData': summaryData
         } %}
 
diff --git a/templates/booking/_summary_travel_info.html.twig b/templates/booking/_summary_travel_info.html.twig
new file mode 100644
index 0000000..fbdffe9
--- /dev/null
+++ b/templates/booking/_summary_travel_info.html.twig
@@ -0,0 +1,54 @@
+{% set wrapperClass = wrapperClass ?? 'pb-4' %}
+{% set tableClass = tableClass ?? '' %}
+{% set showStatus = showStatus ?? true %}
+
+<div class="{{ wrapperClass }}">
+    <table{% if tableClass is not empty %} class="{{ tableClass }}"{% endif %}>
+        <tr>
+            <th class="text-left align-top border-r-2 border-gray-300 pr-2">
+                Reise
+            </th>
+            <td class="pl-2">
+                {{ bookingDto.travel.label }}
+            </td>
+        </tr>
+        <tr>
+            <th class="text-left align-top border-r-2 border-gray-300 pr-2">
+                Zeitraum
+            </th>
+            <td class="pl-2">
+                {{ bookingDto.travel.dateFrom|date('d.m.Y') }} - {{ bookingDto.travel.dateTo|date('d.m.Y') }}
+            </td>
+        </tr>
+        <tr>
+            <th class="text-left align-top border-r-2 border-gray-300 pr-2">
+                Unterkunft
+            </th>
+            <td class="pl-2">
+                {{ bookingDto.travel.hotel.name }}
+            </td>
+        </tr>
+        <tr>
+            <th class="text-left align-top border-r-2 border-gray-300 pr-2">
+                Teilnehmer
+            </th>
+            <td class="pl-2">
+                {{ summaryData.participantCount }}
+            </td>
+        </tr>
+        {% if true === showStatus and bookingDto.bookingStatus != 'F' %}
+            <tr>
+                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
+                    Status
+                </th>
+                <td class="pl-2">
+                    {{ bookingDto.bookingStatus|map_status }}
+                </td>
+            </tr>
+        {% endif %}
+    </table>
+</div>
+
+{% include 'booking/_summary_hotel.html.twig' with {
+    'summaryData': summaryData
+} %}
diff --git a/templates/booking/create/step_4.html.twig b/templates/booking/create/step_4.html.twig
index 55f23d8..594b642 100644
--- a/templates/booking/create/step_4.html.twig
+++ b/templates/booking/create/step_4.html.twig
@@ -26,49 +26,12 @@
                         <span class="block uppercase font-semibold">Buchungsübersicht</span>
                     </div>
                 </div>
-                {# Travel Information #}
                 <div class="overflow-y-auto px-4 lg:px-8 py-8">
-                    <div class="pb-4">
-                        <table>
-                            <tr>
-                                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                                    Reise
-                                </th>
-                                <td class="pl-2">
-                                    {{ bookingCreateContext.bookingDto.travel.label }}
-                                </td>
-                            </tr>
-                            <tr>
-                                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                                    Zeitraum
-                                </th>
-                                <td class="pl-2">
-                                    {{ bookingCreateContext.bookingDto.travel.dateFrom|date('d.m.Y') }} - {{ bookingCreateContext.bookingDto.travel.dateTo|date('d.m.Y') }}
-                                </td>
-                            </tr>
-                            <tr>
-                                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                                    Unterkunft
-                                </th>
-                                <td class="pl-2">
-                                    {{ bookingCreateContext.bookingDto.travel.hotel.name }}
-                                </td>
-                            </tr>
-                            <tr>
-                                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                                    Teilnehmer
-                                </th>
-                                <td class="pl-2">
-                                    {{ bookingCreateContext.summaryData.participantCount }}
-                                </td>
-                            </tr>
-                        </table>
-                    </div>
-
-                    {% include 'booking/_summary_hotel.html.twig' with {
-                        'summaryData': bookingCreateContext.summaryData
+                    {% include 'booking/_summary_travel_info.html.twig' with {
+                        'bookingDto': bookingCreateContext.bookingDto,
+                        'summaryData': bookingCreateContext.summaryData,
+                        'showStatus': false
                     } %}
-
                 </div>
             </div>
             <div id="form-wrapper"
@@ -90,43 +53,11 @@
 
                     {# Travel Information - mobile only #}
                     <div class="lg:hidden pb-4">
-                        <table class="mb-4">
-                            <tr>
-                                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                                    Reise
-                                </th>
-                                <td class="pl-2">
-                                    {{ bookingCreateContext.bookingDto.travel.label }}
-                                </td>
-                            </tr>
-                            <tr>
-                                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                                    Zeitraum
-                                </th>
-                                <td class="pl-2">
-                                    {{ bookingCreateContext.bookingDto.travel.dateFrom|date('d.m.Y') }} - {{ bookingCreateContext.bookingDto.travel.dateTo|date('d.m.Y') }}
-                                </td>
-                            </tr>
-                            <tr>
-                                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                                    Unterkunft
-                                </th>
-                                <td class="pl-2">
-                                    {{ bookingCreateContext.bookingDto.travel.hotel.name }}
-                                </td>
-                            </tr>
-                            <tr>
-                                <th class="text-left align-top border-r-2 border-gray-300 pr-2">
-                                    Teilnehmer
-                                </th>
-                                <td class="pl-2">
-                                    {{ bookingCreateContext.summaryData.participantCount }}
-                                </td>
-                            </tr>
-                        </table>
-
-                        {% include 'booking/_summary_hotel.html.twig' with {
-                            'summaryData': bookingCreateContext.summaryData
+                        {% include 'booking/_summary_travel_info.html.twig' with {
+                            'bookingDto': bookingCreateContext.bookingDto,
+                            'summaryData': bookingCreateContext.summaryData,
+                            'tableClass': 'mb-4',
+                            'showStatus': false
                         } %}
                     </div>