From aacb4999711b1106378e8db99725fdd66c49c2d2 Mon Sep 17 00:00:00 2001
From: ajdj100 <ajairplane@gmail.com>
Date: Wed, 19 Nov 2025 14:44:16 -0500
Subject: [PATCH] fixed checbox not reporting correct value

---
 .../components/trainingReport/trainingReportForm.vue | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/trainingReport/trainingReportForm.vue b/ui/src/components/trainingReport/trainingReportForm.vue
index 269ff10..137f3a6 100644
--- a/ui/src/components/trainingReport/trainingReportForm.vue
+++ b/ui/src/components/trainingReport/trainingReportForm.vue
@@ -31,10 +31,10 @@ const { handleSubmit, resetForm, errors } = useForm({
 const submitForm = handleSubmit(onSubmit);
 
 function toMySQLDateTime(date: Date): string {
-  return date
-    .toISOString()                 // 2025-11-19T00:00:00.000Z
-    .slice(0, 23)                  // keep milliseconds → 2025-11-19T00:00:00.000
-    .replace("T", " ") + "000";    // becomes → 2025-11-19 00:00:00.000000
+    return date
+        .toISOString()                 // 2025-11-19T00:00:00.000Z
+        .slice(0, 23)                  // keep milliseconds → 2025-11-19T00:00:00.000
+        .replace("T", " ") + "000";    // becomes → 2025-11-19 00:00:00.000000
 }
 
 
@@ -48,7 +48,7 @@ function onSubmit(vals) {
         postTrainingReport(clean);
         console.log("SUBMITTED:", clean)
 
-    } catch(err) {
+    } catch (err) {
         console.log("There was an error submitting the training report", err);
     }
 }
@@ -145,7 +145,7 @@ onMounted(async () => {
                             <!-- Passed Checkbox -->
                             <VeeField :name="`attendees[${index}].passed`" v-slot="{ field: f, errors: e }">
                                 <div class="flex items-center h-[38px]">
-                                    <input type="checkbox" class="h-4 w-4" v-bind="f" />
+                                    <input type="checkbox" :checked="f.value" @change="f.onChange($event)" />
                                 </div>
                             </VeeField>