Overview of active payment methode

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

@@ -1,11 +1,11 @@
 <script setup>
-import { computed, reactive, ref } from "vue";
+import {computed, reactive, ref} from "vue";
 import Modal from "../../../../Views/Components/Modal.vue";
 import ParticipantData from "./ParticipantData.vue";
-import MailCompose   from "./MailCompose.vue";
+import MailCompose from "./MailCompose.vue";
 import {toast} from "vue3-toastify";
 import {useAjax} from "../../../../../resources/js/components/ajaxHandler.js";
-import {format, getDay, getMonth, getYear} from "date-fns";
+import {format} from "date-fns";
 import AmountInput from "../../../../Views/Components/AmountInput.vue";
 import FullScreenModal from "../../../../Views/Components/FullScreenModal.vue";
 import DialableTelephoneNumber from "../../../../Views/Components/DialableTelephoneNumber.vue";
@@ -344,6 +344,14 @@ function mailToGroup(groupKey) {
                                 <span class="link" style="font-size:10pt;" @click="paymentComplete(participant)">Zahlung buchen</span> &nbsp;
                                 <span class="link" style="font-size:10pt;" @click="openPartialPaymentDialog(participant)">Teilzahlung buchen</span>
                             </span>
+                            <br/><br/>
+                            <span :id="'participant-' + participant.identifier + '-paymentmethod'"
+                                  style="font-size:10pt;">
+                                Zahlungsweise: <label
+                                :id="'participant-' + participant.identifier + '-paymentmethod-name'">{{
+                                    participant.paymentMethod ?? '—'
+                                }}</label>
+                            </span>
                         </td>
 
                         <td class="pl-email">