Payment methode now selectable

app/Domains/Event/Views/Partials/SignUpForm/steps/StepSummary.vue

@@ -1,15 +1,48 @@
 <script setup>
+import {computed} from "vue";
 import {format, parseISO} from "date-fns";
 
+const PAYMENT_ACCOUNT_TRANSACTION = 'PAYMENT_ACCOUNT_TRANSACTION'
+
 const props = defineProps({
     formData: Object,
     event: Object,
     summaryAmount: String,
+    summaryAmountValue: {type: Number, default: 0},
     summaryLoading: Boolean,
     submitting: Boolean,
 })
 const emit = defineEmits(['back', 'submit'])
 
+const selectedMethod = computed(() =>
+    (props.event.paymentMethods ?? []).find(m => m.slug === props.formData.paymentMethod) ?? null
+)
+
+// Die Überweisungs-Bestätigung wird nur bei Banküberweisung verlangt (AC #6).
+const requiresPaymentConfirmation = computed(() =>
+    props.formData.paymentMethod === PAYMENT_ACCOUNT_TRANSACTION
+)
+
+// Bestätigungstext ist ein admin-konfigurierbarer Freitext ({amount}-Platzhalter), sonst Default.
+const paymentConfirmationText = computed(() => {
+    const configured = selectedMethod.value?.configuration?.summary_confirmation_text
+    const template = (configured && String(configured).trim() !== '')
+        ? configured
+        : 'Ich bestätige, den Betrag von {amount} zu überweisen.'
+    return template.replaceAll('{amount}', props.summaryAmount ?? '')
+})
+
+// Zurück führt zur Zahlungsart (9), sofern dieser Schritt gezeigt wurde; bei 0 € direkt zu Allergien (8).
+const backTarget = computed(() => props.summaryAmountValue > 0 ? 9 : 8)
+
+const canSubmit = computed(() =>
+    props.formData.summary_information_correct
+    && props.formData.summary_accept_terms
+    && props.formData.legal_accepted
+    && (!requiresPaymentConfirmation.value || props.formData.payment)
+    && !props.submitting
+)
+
 function formatDate(dateString) {
     if (!dateString) return ''
     return format(parseISO(dateString), 'dd.MM.yyyy')
@@ -129,18 +162,18 @@ function eatingHabit() {
                     <input type="checkbox" v-model="formData.legal_accepted" />
                     Ich stimme der Datenschutzerklärung zu.
                 </label>
-                <label style="display: flex; gap: 10px; cursor: pointer;">
+                <label v-if="requiresPaymentConfirmation" style="display: flex; gap: 10px; cursor: pointer;">
                     <input type="checkbox" v-model="formData.payment" />
-                    Ich bestätige, den Betrag von <strong>{{ summaryAmount }}</strong> zu überweisen.
+                    {{ paymentConfirmationText }}
                 </label>
             </div>
 
             <div class="btn-row">
-                <button type="button" class="btn-secondary" @click="emit('back', 8)">← Zurück</button>
+                <button type="button" class="btn-secondary" @click="emit('back', backTarget)">← Zurück</button>
                 <button
                     type="submit"
                     class="btn-primary"
-                    :disabled="!formData.summary_information_correct || !formData.summary_accept_terms || !formData.legal_accepted || !formData.payment || submitting"
+                    :disabled="!canSubmit"
                     style="background: #059669;"
                 >
                     {{ submitting ? 'Wird gesendet…' : 'Jetzt anmelden ✓' }}