Icons for payment methods

app/Domains/Admin/Views/Partials/TenantPaymentMethods.vue

@@ -2,6 +2,8 @@
 import {computed, ref} from 'vue';
 import FullScreenModal from "../../../../Views/Components/FullScreenModal.vue";
 import TextEditor from "../../../../Views/Components/TextEditor.vue";
+import RichSelectBox from "../../../../Views/Components/RichSelectBox.vue";
+import {PAYMENT_METHOD_ICONS} from "../../../../../resources/js/constants/paymentMethodIcons.js";
 import {useAjax} from "../../../../../resources/js/components/ajaxHandler.js";
 import {toast} from "vue3-toastify";
 
@@ -97,7 +99,9 @@ async function save() {
                 <tr v-for="option in editing.optionsSchema ?? []" :key="option.name">
                     <th>{{ option.label }}<span v-if="option.required" class="required-marker">*</span></th>
                     <td>
-                        <TextEditor v-if="option.type === 'richtext'" v-model="form.configuration[option.name]"/>
+                        <RichSelectBox v-if="option.type === 'icon'" v-model="form.configuration[option.name]"
+                                       :options="PAYMENT_METHOD_ICONS" placeholder="Symbol wählen…"/>
+                        <TextEditor v-else-if="option.type === 'richtext'" v-model="form.configuration[option.name]"/>
                         <input v-else type="text" v-model="form.configuration[option.name]" class="form-input"/>
                     </td>
                 </tr>