Basic implementation of payment methods

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

@@ -16,6 +16,7 @@ const props = defineProps({
     event: Object,
     participantData: Object,
     localGroups: Array,
+    paymentMethod: String,
 })
 
 const emit = defineEmits(['registrationDone'])
@@ -23,7 +24,7 @@ const emit = defineEmits(['registrationDone'])
 const {
     currentStep, goToStep, formData, selectedAddons,
     submit, submitting, submitResult, summaryLoading, summaryAmount
-} = useSignupForm(props.event, props.participantData)
+} = useSignupForm(props.event, props.participantData, props.paymentMethod)
 
 const steps = [
     { step: 1, label: 'Alter' },

app/Domains/Event/Views/Partials/SignUpForm/composables/useSignupForm.js

@@ -1,7 +1,7 @@
 import { ref, reactive, computed } from 'vue'
 import axios from 'axios'
 
-export function useSignupForm(event, participantData) {
+export function useSignupForm(event, participantData, paymentMethod) {
     const currentStep = ref(1)
     const submitting = ref(false)
     const summaryLoading = ref(false)
@@ -11,6 +11,7 @@ export function useSignupForm(event, participantData) {
 
     const formData = reactive({
         eatingHabit: 'EATING_HABIT_VEGAN',
+        paymentMethod: paymentMethod ?? null,
         userId: participantData.id,
         eventId: event.id,
         vorname: participantData.firstname ?? '',