From 355fd3e63d0ec361c34d34249e058d3615103751 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bj=C3=B6rn=20Fromme?= <fromme@dreipunktnull.com>
Date: Tue, 29 Apr 2025 17:38:44 +0200
Subject: [PATCH] feat: extended feedback after calculator submission

closes #8698wr7v0
---
 .../js/components/GroupsPriceCalculator.vue   | 22 +++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
index 6ab91df2..53acddbb 100644
--- a/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
+++ b/public/typo3conf/ext/ep_theme/Resources/Private/Assets/js/components/GroupsPriceCalculator.vue
@@ -85,10 +85,18 @@
             </div>
         </div>
         <div class="mb-8">
+            <div class="pb-2" v-if="submitted">
+                <p class="text-lg font-bold pb-2">
+                    Vielen Dank für Deine {{ mode === 'booking' ? 'Buchung' : 'Anfrage' }}.
+                </p>
+                <p>
+                    Für folgendes habt ihr euch entschieden:
+                </p>
+            </div>
             <div class="p-2 uppercase bg-ep-primary-dark text-white w-full">
                 Preise
             </div>
-            <div class="bg-zinc-100 p-2">
+            <div class="bg-zinc-100 p-2 mb-2">
                 <table class="w-full" v-show="nightsCount > 0">
                     <tbody>
                     <tr class="odd:bg-zinc-100">
@@ -144,6 +152,15 @@
                     Bitte zuerst einen Zeitraum wählen
                 </p>
             </div>
+            <div v-if="mode === 'booking' && submitted">
+                Bitte beachtet, dass die Buchung bei uns eingegangen, aber <strong>noch nicht bestätigt</strong> ist.
+                Wir behalten uns vor, die Buchungen auf Verfügbarkeit und Länge des gewünschten Aufenthalts zu prüfen.
+                Erst wenn wir euch die Buchung per Mail bestätigt haben, wird sie bindend.
+            </div>
+            <div v-if="mode === 'inquiry' && submitted">
+                Die Anfrage ist bei uns eingegangen und wird schnellstmöglich bearbeitet. Wir melden uns telefonisch
+                oder per Mail bei euch.
+            </div>
         </div>
         <div class="mb-8"
              v-show="nightsCount > 0 && !submitted">
@@ -254,9 +271,6 @@
                 </div>
             </div>
         </div>
-        <div class="py-8 text-xl text-center font-bold" v-show="submitted">
-            Vielen Dank für Deine {{ mode === 'booking' ? 'Buchung' : 'Anfrage' }}. Wir werden diese schnellstmöglich bearbeiten.
-        </div>
         <div>
             <img :src="logoAt" alt="" v-if="countryCode === 'AT'" class="block w-full h-auto max-w-24">
             <img :src="logoCh" alt="" v-if="countryCode === 'CH'" class="block w-full h-auto max-w-24">