hooked up new LOA creation system

ui/src/components/loa/loaForm.vue

@@ -20,7 +20,7 @@ import PopoverContent from "@/components/ui/popover/PopoverContent.vue";
 import { cn } from "@/lib/utils";
 import { CalendarIcon } from "lucide-vue-next"
 import Textarea from "@/components/ui/textarea/Textarea.vue";
-import { getLoaPolicy, getLoaTypes, submitLOA } from "@/api/loa"; // <-- import the submit function
+import { adminSubmitLOA, getLoaPolicy, getLoaTypes, submitLOA } from "@/api/loa"; // <-- import the submit function
 import { LOARequest, LOAType } from "@shared/types/loa";
 import { useForm, Field as VeeField } from "vee-validate";
 import {
@@ -68,8 +68,20 @@ const { handleSubmit, values, resetForm } = useForm({
     validationSchema: toTypedSchema(loaSchema),
 })
 
-const onSubmit = handleSubmit((values) => {
+const onSubmit = handleSubmit(async (values) => {
     console.log(values);
+    const out: LOARequest = {
+        member_id: values.member_id,
+        start_date: values.start_date,
+        end_date: values.end_date,
+        type_id: values.type.id,
+        reason: values.reason
+    };
+    if (props.adminMode) {
+        await adminSubmitLOA(out);
+    } else {
+        await submitLOA(out);
+    }
 })
 
 onMounted(async () => {

ui/src/pages/ManageLOA.vue

@@ -28,18 +28,6 @@ const showLOADialog = ref(false);
             <LoaForm :admin-mode="true" class="my-3"></LoaForm>
         </DialogContent>
     </Dialog> 
-    <!-- <Dialog v-model:open="showLOADialog" v-on:update:open="showLOADialog = false">
-        <DialogContent class="max-w-full">
-            <DialogHeader>
-                <DialogTitle>Are you absolutely sure?</DialogTitle>
-                <DialogDescription>
-                    This action cannot be undone. This will permanently delete your account
-                    and remove your data from our servers.
-                </DialogDescription>
-            </DialogHeader>
-        </DialogContent>
-    </Dialog> -->
-
     <div class="max-w-5xl mx-auto pt-10">
         <div class="flex justify-end mb-4">
             <Button @click="showLOADialog = true">Post LOA</Button>