From a477829f4acabb736c586ef18ac897313cc22a5b Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Wed, 12 Nov 2025 09:52:57 +0700
Subject: [PATCH] feat(encounter): update ui cancellation + integration

---
 app/components/app/encounter/dropdown-action.vue | 13 +++++++++++++
 app/components/content/encounter/list.vue        |  7 ++++---
 app/services/_crud-base.ts                       | 13 +++++++++++++
 app/services/encounter.service.ts                |  2 +-
 4 files changed, 31 insertions(+), 4 deletions(-)

diff --git a/app/components/app/encounter/dropdown-action.vue b/app/components/app/encounter/dropdown-action.vue
index 85b909a5..89f72153 100644
--- a/app/components/app/encounter/dropdown-action.vue
+++ b/app/components/app/encounter/dropdown-action.vue
@@ -39,6 +39,13 @@ const linkItems: LinkItem[] = [
     },
     icon: 'i-lucide-circle-x',
   },
+  {
+    label: 'Hapus',
+    onClick: () => {
+      remove()
+    },
+    icon: 'i-lucide-trash',
+  },
 ]
 
 function detail() {
@@ -64,6 +71,12 @@ function cancel() {
   recAction.value = ActionEvents.showCancel
   recItem.value = props.rec
 }
+
+function remove() {
+  recId.value = props.rec.id || 0
+  recAction.value = ActionEvents.showConfirmDelete
+  recItem.value = props.rec
+}
 </script>
 
 <template>
diff --git a/app/components/content/encounter/list.vue b/app/components/content/encounter/list.vue
index dc5328d4..85e5321f 100644
--- a/app/components/content/encounter/list.vue
+++ b/app/components/content/encounter/list.vue
@@ -117,7 +117,7 @@ async function getPatientList() {
 
 // Handle confirmation result
 async function handleConfirmCancel(record: any, action: string) {
-  if (action === 'delete' && record?.id) {
+  if (action === 'deactivate' && record?.id) {
     try {
       const result = await cancelEncounter(record.id)
       if (result.success) {
@@ -287,14 +287,15 @@ onMounted(() => {
   <!-- Record Confirmation Modal -->
    <RecordConfirmation
     v-model:open="isRecordCancelOpen"
-    action="delete"
+    custom-title="Batalkan Kunjungan"
+    custom-message="Apakah anda yakin ingin membatalkan kunjungan pasien berikut?"
+    action="deactivate"
     :record="recItem"
     @confirm="handleConfirmCancel"
     @cancel="handleCancelConfirmation"
   >
     <template #default="{ record }">
       <div class="text-sm">
-        <p>Apakah anda yakin ingin membatalkan kunjungan pasien berikut?</p>
         <p v-if="record?.patient?.person?.name">
           <strong>Nama:</strong>
           {{ record.patient.person.name }}
diff --git a/app/services/_crud-base.ts b/app/services/_crud-base.ts
index e3c57689..8f69d420 100644
--- a/app/services/_crud-base.ts
+++ b/app/services/_crud-base.ts
@@ -86,3 +86,16 @@ export async function remove(path: string, id: number | string, name: string = '
     throw new Error(`Failed to delete ${name}`)
   }
 }
+
+export async function custom(path: string, data: any, name: string = 'item') {
+  try {
+    const resp = await xfetch(`${path}`, 'PATCH', data)
+    const result: any = {}
+    result.success = resp.success
+    result.body = (resp.body as Record<string, any>) || {}
+    return result
+  } catch (error) {
+    console.error(`Error putting ${name}:`, error)
+    throw new Error(`Failed to put ${name}`)
+  }
+}
\ No newline at end of file
diff --git a/app/services/encounter.service.ts b/app/services/encounter.service.ts
index c9df3b92..1d53e57c 100644
--- a/app/services/encounter.service.ts
+++ b/app/services/encounter.service.ts
@@ -30,7 +30,7 @@ export function remove(id: number | string) {
 
 export function cancel(id: number | string) {
   let url = `${path}/${id}/cancel`
-  return base.update(url, id, {}, name)
+  return base.custom(url, null, name)
 }
 
 export async function getValueLabelList(params: any = null): Promise<{ value: string; label: string }[]> {