wip: finalize offer layout

templates/groups/booking/_offer_summary.html.twig

@@ -2,7 +2,7 @@
 <div class="bg-white h-full flex flex-col lg:border-l lg:border-primary-bg"
      id="booking-summary">
     {# Header #}
-    <div class="shrink-0 px-4 lg:px-8 py-4 lg:flex lg:flex-col lg:justify-center shadow-md relative z-10">
+    <div class="shrink-0 px-4 lg:px-8 py-4 shadow-md relative z-10">
         {% if ctx.priceBreakdown is not null %}
             <div class="flex items-center justify-between pb-2">
                 <span class="block uppercase font-semibold">Gesamtpreis</span>
@@ -31,7 +31,7 @@
 
         {# Accommodation info #}
         {% set hasImage = ctx.hotelCmsData is not null
-            and ctx.hotelCmsData.images is defined
+            and ctx.hotelCmsData.images is not null
             and ctx.hotelCmsData.images.resized is defined
             and ctx.hotelCmsData.images.resized.l is defined
             and ctx.hotelCmsData.images.resized.l[0] is defined %}
@@ -45,7 +45,7 @@
                 {% endif %}
                 <div class="{{ hasImage ? 'col-span-2' : 'col-span-3' }}">
                     <span class="block font-semibold">{{ ctx.accommodation.name }}</span>
-                    {% if ctx.hotelCmsData is not null and ctx.hotelCmsData.address is defined %}
+                    {% if ctx.hotelCmsData is not null and ctx.hotelCmsData.address is not null %}
                         <div class="text-sm text-gray-500 mt-1">{{ ctx.hotelCmsData.address|nl2br }}</div>
                     {% endif %}
                 </div>
@@ -180,25 +180,17 @@
                 </table>
             </div>
         {% endif %}
+
+        {% if booking.remarks %}
+            <div class="border border-primary-bg mt-4">
+                <div class="p-2 bg-primary-bg uppercase font-semibold">Anmerkungen</div>
+                <div class="p-2 text-sm">
+                    {{ booking.remarks | nl2br }}
+                </div>
+            </div>
+        {% endif %}
+
     </div>
 
-    {# Footer: booking action / accepted-at status #}
-    {% if booking.inquiry %}
-        <div class="shrink-0 px-4 lg:px-8 py-4 border-t border-primary-bg">
-            <button type="button"
-                    class="button button--primary w-full"
-                    hx-get="{{ path('app_groups_booking_offer_confirm', { uuid: booking.uuid }) }}"
-                    hx-target="body"
-                    hx-swap="beforeend">
-                Angebot verbindlich buchen
-            </button>
-        </div>
-    {% elseif booking.acceptedAt is not null %}
-        <div class="shrink-0 px-4 lg:px-8 py-4 border-t border-primary-bg">
-            <p class="text-gray-500">
-                Angenommen am {{ booking.acceptedAt | date('d.m.Y') }} um {{ booking.acceptedAt | date('H:i') }} Uhr
-            </p>
-        </div>
-    {% endif %}
 </div>
 {% endblock %}