Payment methode now selectable

app/Domains/Event/Views/Partials/SignUpForm/SignupForm.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { useSignupForm } from './composables/useSignupForm.js'
+import {useSignupForm} from './composables/useSignupForm.js'
 import StepAge from './steps/StepAge.vue'
 import StepContactPerson from './steps/StepContactPerson.vue'
 import StepPersonalData from './steps/StepPersonalData.vue'
@@ -8,6 +8,7 @@ import StepArrival from './steps/StepArrival.vue'
 import StepAddons from './steps/StepAddons.vue'
 import StepPhotoPermissions from './steps/StepPhotoPermissions.vue'
 import StepAllergies from './steps/StepAllergies.vue'
+import StepPaymentMethod from './steps/StepPaymentMethod.vue'
 import StepSummary from './steps/StepSummary.vue'
 import SubmitSuccess from './after-submit/SubmitSuccess.vue'
 import SubmitAlreadyExists from './after-submit/SubmitAlreadyExists.vue'
@@ -16,15 +17,14 @@ const props = defineProps({
     event: Object,
     participantData: Object,
     localGroups: Array,
-    paymentMethod: String,
 })
 
 const emit = defineEmits(['registrationDone'])
 
 const {
     currentStep, goToStep, formData, selectedAddons,
-    submit, submitting, submitResult, summaryLoading, summaryAmount
-} = useSignupForm(props.event, props.participantData, props.paymentMethod)
+    submit, submitting, submitResult, summaryLoading, summaryAmount, summaryAmountValue
+} = useSignupForm(props.event, props.participantData)
 
 const steps = [
     { step: 1, label: 'Alter' },
@@ -35,7 +35,8 @@ const steps = [
     { step: 6, label: 'Zusatzoptionen' },
     { step: 7, label: 'Fotoerlaubnis' },
     { step: 8, label: 'Allergien' },
-    { step: 9, label: 'Zusammenfassung' },
+    {step: 9, label: 'Zahlungsart'},
+    {step: 10, label: 'Zusammenfassung'},
 ]
 </script>
 
@@ -94,11 +95,14 @@ const steps = [
                 <StepAddons         v-if="currentStep === 6" :formData="formData" :event="event" :selectedAddons="selectedAddons" @next="goToStep" @back="goToStep" />
                 <StepPhotoPermissions v-if="currentStep === 7" :formData="formData" :event="event" @next="goToStep" @back="goToStep" />
                 <StepAllergies      v-if="currentStep === 8" :formData="formData" :event="event" @next="goToStep" @back="goToStep" />
+                <StepPaymentMethod v-if="currentStep === 9" :formData="formData" :event="event" @next="goToStep"
+                                   @back="goToStep"/>
                 <StepSummary
-                    v-if="currentStep === 9"
+                    v-if="currentStep === 10"
                     :formData="formData"
                     :event="event"
                     :summaryAmount="summaryAmount"
+                    :summaryAmountValue="summaryAmountValue"
                     :summaryLoading="summaryLoading"
                     :submitting="submitting"
                     @back="goToStep"