Basic implementation of payment methods

app/Domains/Event/Views/Partials/ParticipantData.vue

@@ -49,6 +49,7 @@ const form = reactive({
     departure: '',
     participationType: '',
     eatingHabit: '',
+    paymentMethod: '',
     allergies: '',
     intolerances: '',
     medications: '',
@@ -82,6 +83,7 @@ watch(
         form.departure = participant?.departureDate ?? '';
         form.participationType = participant?.participation_type ?? '';
         form.eatingHabit = participant?.eating_habit ?? '';
+        form.paymentMethod = participant?.payment_method ?? '';
         form.allergies = participant?.allergies ?? '';
         form.intolerances = participant?.intolerances ?? '';
         form.medications = participant?.medications ?? '';
@@ -206,7 +208,7 @@ function saveParticipant() {
                     <tr>
                         <th>Telefon</th>
                         <td>
-                            <DialableTelephoneNumber v-if="!staticProps.editMode" :number="props.participant.phone_1"</DialableTelephoneNumber>
+                            <DialableTelephoneNumber v-if="!staticProps.editMode" :number="props.participant.phone_1" />
                             <input v-else v-model="form.phone_1" type="text" />
                         </td>
                     </tr>
@@ -230,7 +232,7 @@ function saveParticipant() {
                     <tr>
                         <th>Ansprechperson Telefon</th>
                         <td>
-                            <DialableTelephoneNumber v-if="!staticProps.editMode" :number="props.participant.phone_2"</DialableTelephoneNumber>
+                            <DialableTelephoneNumber v-if="!staticProps.editMode" :number="props.participant.phone_2" />
                             <input v-else v-model="form.phone_2" type="text" />
                         </td>
                     </tr>
@@ -284,6 +286,20 @@ function saveParticipant() {
                             </select>
                         </td>
                     </tr>
+                    <tr>
+                        <th>Zahlungsmethode</th>
+                        <td>
+                            <span v-if="!staticProps.editMode">{{ props.participant.paymentMethod }}</span>
+                            <select v-else v-model="form.paymentMethod">
+                                <option
+                                    v-for="paymentMethod in staticProps.event.paymentMethods"
+                                    :value="paymentMethod.slug"
+                                >
+                                    {{ paymentMethod.name }}
+                                </option>
+                            </select>
+                        </td>
+                    </tr>
                     <tr>
                         <th>eFZ-Status</th>
                         <td>