รวมข้อมูลสมัคึรสอบไว้หน้าเดียว

src/modules/01_exam/components/Conference.vue

@@ -78,14 +78,19 @@
             จะไม่ดำเนินการอื่นใดแตกต่างจากที่ระบุในวัตถุประสงค์เว้นแต่มีกฏหมายบัญญัติให้กระทำหรือมีหนังสือร้องขอที่สามารถปฏิบัติได้ตามกฏหมาย
             เช่น เพื่อความจำเป็นในการป้องกันด้านสุขภาพและโรคติดต่ออันตราย
           </p>
+          <q-checkbox
+            v-model="acceptTermOfUse"
+            label="ข้าพเจ้ารับรองว่า ข้าพเจ้ามีคุณสมบัติครบถ้วนตามประกาศรับสมัคร ข้อความข้างต้นตรงตามความจริงทุกประการ"
+          />
         </q-card-section>
       </q-card>
     </div>
   </q-card-section>
   <q-separator />
   <q-card-actions align="right" class="bg-white text-teal justify-center">
-    <q-btn label="ยกเลิก" color="grey" @click="close" flat />
-    <q-btn label="ตกลง" color="primary" @click="ok" />
+    <!-- <q-btn label="ยกเลิก" color="grey" @click="close" flat /> -->
+    <!-- <q-space /> -->
+    <q-btn label="ตกลง" color="primary" @click="ok" :disable="!acceptTermOfUse" />
   </q-card-actions>
 </template>
 
@@ -104,6 +109,8 @@ const props = defineProps({
 })
 
 const fullname = ref<string>('')
+const acceptTermOfUse = ref<boolean>(false)
+
 /**
  * ดิงชื่อผู้ใช้งานจาก keycloak
  */