Direct payments for invoices

Events can be moved to archive and moved back
Fixed validation

app/Domains/Invoice/Views/NewInvoice.vue

@@ -5,6 +5,7 @@ import Modal from "../../../Views/Components/Modal.vue";
 import {onMounted, reactive, ref} from "vue";
 import ExpenseAccounting from "./Partials/newInvoice/expense-accounting.vue";
 import TravelExpenseAccounting from "./Partials/newInvoice/travel-expense-accounting.vue";
+import DirectPayment from "./Partials/newInvoice/direct-payment.vue";
 
 const props = defineProps({
     currentEvents: Object,
@@ -42,6 +43,24 @@ const invoiceType = ref('');
             </div>
         </div>
 
+        <div
+            v-if="eventId === 0"
+            class="invoice-type-layer" style="width: calc(100% - 60px); margin: auto"
+            @click="isOpen = true;invoiceType='direct-payment'"
+        >
+            <TextResource textName="NEW_DIRECT_PAYMENT" />
+        </div>
+
+        <DirectPayment v-if="invoiceType === 'direct-payment' && eventId !== 0"
+                           :eventId="eventId"
+                           :userName="props.userName"
+                           :userEmail="props.userEmail"
+                           :userTelephone="props.userTelephone"
+                           :userAccountIban="props.userAccountIban"
+                           :userAccountOwner="props.userAccountOwner"
+                           :userId="props.userId"
+        />
+
         <ExpenseAccounting v-if="invoiceType === 'expense-accounting' && eventId !== 0"
                            :eventId="eventId"
                            :userName="props.userName"
@@ -62,7 +81,7 @@ const invoiceType = ref('');
                                  :userId="props.userId"
         />
 
-        <Modal :show="isOpen" title="Veranstaltung auswählen" @close="isOpen = false">
+        <Modal :show="isOpen" title="Veranstaltung auswählen" @close="isOpen = false" width="450px">
             <select v-model="eventId" @change="isOpen=false" style="width: 100%">
                 <option value="0" disabled>Bitte auswählen</option>
                 <optgroup label="Laufende Tätigkeiten">