refactor: return mode from slot

src/components/upload-file/UploadFile.vue

@@ -17,6 +17,7 @@ const file = defineModel<
 
 const currentFile = computed(() => file.value.at(currentIndex.value));
 const statusOcr = defineModel<boolean>('statusOcr', { default: false });
+const currentMode = ref<string>('citizenId');
 const currentIndex = ref(0);
 
 const scale = ref(1);
@@ -86,6 +87,7 @@ watch(currentFileSelected, () => {
   file.value.findIndex((v, i) => {
     if (v.url?.includes(currentFileSelected.value)) {
       currentIndex.value = i;
+      currentMode.value = currentFileSelected.value.split('-').at(0) || '';
     }
   });
 });
@@ -227,8 +229,7 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
         class="bordered row items-center justify-between q-pa-sm"
         style="height: 50px"
       >
-        ข้อมูลหนังสือเดินทาง
-
+        {{ $t(`customer.typeFile.${currentMode}`) }}
         <div class="row" v-if="!hideAction">
           <UndoButton icon-only type="button" />
           <SaveButton
@@ -245,8 +246,10 @@ const { pdf, pages } = usePDF(computed(() => currentFile.value?.url));
         </div>
       </div>
 
-      <div class="bordered-r bordered-b full-height">
-        <slot name="form" />
+      <div class="q-pa-sm bordered-r bordered-b full-height">
+        <slot name="form" :mode="currentMode" />
+
+        {{ currentFileSelected }}
       </div>
     </div>
   </div>

src/pages/03_customer-management/components/employer/EmployerFormBranch.vue

@@ -208,8 +208,9 @@ defineProps<{
             "
             @save="(group: any, file: any) => {}"
           >
-            <template #form>
+            <template #form="{ mode }">
               <FormCitizen
+                v-if="mode === 'citizenId'"
                 orc
                 v-model:citizen-id="item.citizenId"
                 v-model:birth-date="customer.birthDate"