Improved handling for new invoices

app/Domains/Invoice/Views/Partials/newInvoice/travel-expense-accounting.vue

@@ -18,6 +18,7 @@ const data = defineProps({
 const { request } = useAjax();
 const distanceAllowance = ref(null);
 const travelDirection = ref(null);
+const travelReason = ref(null);
 const have_receipt = ref('')
 const havePassengers = ref(false);
 const materialTransportation = ref(false);
@@ -57,7 +58,16 @@ function handleFileChange(event) {
     />
   </fieldset><br /><br />
 
-  <fieldset v-if="travelDirection !== null">
+    <fieldset  v-if="travelDirection !== null">
+        <legend><span style="font-weight: bolder;">Was war der Grund für deine Reise?</span></legend>
+        <input
+            type="text"
+            name="travel-reason"
+            v-model="travelReason"
+        />
+    </fieldset><br /><br />
+
+  <fieldset v-if="travelReason !== null">
     <legend><span style="font-weight: bolder;">Bist du mit dem ÖPNV gefahren oder besitzt du einen Beleg</span></legend>
     <input type="button" style="border-radius: 0; width: 100px;" @click="have_receipt='yes'" value="Ja" />
     <input type="button" style="border-radius: 0; width: 100px;" @click="getDistanceAllowance" value="Nein" />
@@ -92,6 +102,7 @@ function handleFileChange(event) {
       :userIban="data.userIban"
       :userAccountOwner="data.userAccountOwner"
       :receipt="receipt"
+      :travelReason="travelReason"
       @close="finalStep = false"
     />
   </fieldset>
@@ -142,6 +153,7 @@ function handleFileChange(event) {
         :userTelephone="data.userTelephone"
         :userIban="data.userIban"
         :userAccountOwner="data.userAccountOwner"
+        :travelReason="travelReason"
         @close="finalStep = false"
     />