From 69b047fce591b21254670520d9716ee166e3383a Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Tue, 9 Dec 2025 11:41:03 +0700
Subject: [PATCH] feat: Add encounter list view with filter form and data table
 configurations for encounter management.

---
 app/components/app/encounter/filter-form.vue |  4 ++--
 app/components/app/encounter/list.cfg.ts     |  2 +-
 app/components/content/encounter/list.vue    | 17 ++++++++++-------
 3 files changed, 13 insertions(+), 10 deletions(-)

diff --git a/app/components/app/encounter/filter-form.vue b/app/components/app/encounter/filter-form.vue
index a3adb9c8..b0660a1c 100644
--- a/app/components/app/encounter/filter-form.vue
+++ b/app/components/app/encounter/filter-form.vue
@@ -93,9 +93,9 @@ function handleSearch() {
         Reset
       </Button>
       <Button
-        variant="outline"
+        variant="default"
         type="button"
-        class="h-[40px] rounded-md border-orange-400 text-orange-400 hover:bg-green-50"
+        class="h-[40px]"
         @click="handleSearch"
       >
         <Icon
diff --git a/app/components/app/encounter/list.cfg.ts b/app/components/app/encounter/list.cfg.ts
index 5572b397..510dbfd5 100644
--- a/app/components/app/encounter/list.cfg.ts
+++ b/app/components/app/encounter/list.cfg.ts
@@ -167,7 +167,7 @@ export const ambulatoryConfig: Config = {
     },
     address: (rec: unknown): unknown => {
       const recX = rec as Encounter
-      const addresses = recX.patient.person.addresses
+      const addresses = recX.patient?.person?.addresses || []
       const resident = addresses?.find((addr) => addr.locationType_code === 'domicile')
       const text = resident ? formatAddress(resident) : '-'
       return text.length > 20 ? text.substring(0, 17) + '...' : text
diff --git a/app/components/content/encounter/list.vue b/app/components/content/encounter/list.vue
index 80a42528..d9dd19ae 100644
--- a/app/components/content/encounter/list.vue
+++ b/app/components/content/encounter/list.vue
@@ -11,7 +11,7 @@ import FileUpload from '~/components/pub/my-ui/form/file-field.vue'
 import { useSidebar } from '~/components/pub/ui/sidebar/utils'
 
 // Constants
-import { paymentTypes } from '~/lib/constants.vclaim'
+import { paymentTypes, sepRefTypeCodes } from '~/lib/constants.vclaim'
 
 // App libs
 import { getServicePosition } from '~/lib/roles' // previously getPositionAs
@@ -70,10 +70,7 @@ const isRecordCancelOpen = ref(false)
 const uploadFile = ref<any>(null)
 const payments = ref<any>([])
 const units = ref<any>([])
-const visits = ref([
-  { label: 'Rujukan Internal', value: 'ri' },
-  { label: 'SEP Rujukan', value: 'sr' },
-])
+const sepsList = ref<any>([])
 
 // Headers
 const hreaderPrep: CH.Config = {
@@ -145,6 +142,10 @@ onMounted(async () => {
     value: item.toString(),
     label: paymentTypes[item],
   })) as any
+  sepsList.value = Object.keys(sepRefTypeCodes).map((item) => ({
+    value: item.toString(),
+    label: sepRefTypeCodes[item],
+  })) as any
 })
 
 /////// Functions
@@ -244,7 +245,8 @@ function handleViewFile(id: number, menu: string, subMenu: string) {
 
 function handleFilterApply(filters: { personName: string; startDate: string; endDate: string }) {
   filterParams.value = {
-    'person-name': filters.personName,
+    // 'person-name': filters.personName,
+    'patient-identifier': filters.personName,
     'start-date': filters.startDate,
     'end-date': filters.endDate,
   }
@@ -358,6 +360,7 @@ function handleRemoveConfirmation() {
   <CH.ContentHeader v-bind="hreaderPrep">
     <FilterNav
       :active-positon="activeServicePosition"
+      :enable-export="false"
       @apply="handleFilterApply"
       @click="() => (isFilterFormDialogOpen = true)"
       @onExportPdf="() => {}"
@@ -381,7 +384,7 @@ function handleRemoveConfirmation() {
     <FilterForm
       :payments="payments"
       :units="units"
-      :visits="visits"
+      :visits="sepsList"
       @search="handleFilterSearch"
       @reset="handleFilterReset"
     />