From 5cb03ea3d7195a39d609c928e881aef3c1951850 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Wed, 3 Dec 2025 14:20:18 +0700
Subject: [PATCH] fix: update page ambulatory, inpatient + emergency

---
 app/lib/page-checker.ts                       | 41 ++++++++++++++++
 .../encounter/[id]/detail.vue                 | 31 ++++++------
 .../ambulatory/encounter/[id]/edit.vue        | 47 +++++++------------
 .../ambulatory/encounter/[id]/index.vue       | 47 -------------------
 .../ambulatory/encounter/[id]/process.vue     | 42 ++++++++---------
 .../(features)/ambulatory/encounter/add.vue   | 29 +++++-------
 .../emergency/encounter/[id]/detail.vue       | 31 ++++++------
 .../emergency/encounter/[id]/edit.vue         | 35 ++++++--------
 .../emergency/encounter/[id]/process.vue      | 46 +++++++++---------
 .../(features)/emergency/encounter/add.vue    | 31 ++++++------
 .../inpatient/encounter/[id]/detail.vue       | 31 ++++++------
 .../inpatient/encounter/[id]/edit.vue         | 37 ++++++---------
 .../inpatient/encounter/[id]/process.vue      | 46 +++++++++---------
 .../(features)/inpatient/encounter/add.vue    | 35 +++++++-------
 14 files changed, 238 insertions(+), 291 deletions(-)
 create mode 100644 app/lib/page-checker.ts
 rename app/pages/(features)/{outpatient => ambulatory}/encounter/[id]/detail.vue (56%)
 delete mode 100644 app/pages/(features)/ambulatory/encounter/[id]/index.vue

diff --git a/app/lib/page-checker.ts b/app/lib/page-checker.ts
new file mode 100644
index 00000000..3f5c8132
--- /dev/null
+++ b/app/lib/page-checker.ts
@@ -0,0 +1,41 @@
+import type { Permission } from "~/models/role"
+
+const route = useRoute()
+
+const { checkRole, hasCreateAccess, hasReadAccess, hasUpdateAccess, hasDeleteAccess } = useRBAC()
+
+export function getRouteTitle() {
+  return route.meta.title as string
+}
+
+export function getParamsId() {
+  const id = route.params.id
+  return typeof id === 'string' ? parseInt(id) : 0
+}
+
+export function checkPageAccess(roleAccess: Record<string, Permission[]>, type: 'create' | 'read' | 'update' | 'delete') {
+  // Check if user has access to this page, need to use try - catch for proper handling
+  const hasAccess = checkRole(roleAccess)
+  if (!hasAccess) {
+    navigateTo('/403')
+  }
+
+  // Define permission-based computed properties
+  const canCreate = hasCreateAccess(roleAccess)
+  const canRead = hasReadAccess(roleAccess)
+  const canUpdate = hasUpdateAccess(roleAccess)
+  const canDelete = hasDeleteAccess(roleAccess)
+
+  switch (type) {
+    case 'create':
+      return canCreate
+    case 'read':
+      return canRead
+    case 'update':
+      return canUpdate
+    case 'delete':
+      return canDelete
+    default:
+      return false
+  }
+}
diff --git a/app/pages/(features)/outpatient/encounter/[id]/detail.vue b/app/pages/(features)/ambulatory/encounter/[id]/detail.vue
similarity index 56%
rename from app/pages/(features)/outpatient/encounter/[id]/detail.vue
rename to app/pages/(features)/ambulatory/encounter/[id]/detail.vue
index 39bc5e13..09413f9f 100644
--- a/app/pages/(features)/outpatient/encounter/[id]/detail.vue
+++ b/app/pages/(features)/ambulatory/encounter/[id]/detail.vue
@@ -1,7 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/detail.vue'
 
 definePageMeta({
@@ -11,28 +19,17 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => `${route.meta.title}`,
+  title: () => `${getRouteTitle()}`,
 })
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'read')
 </script>
 
 <template>
-  <div v-if="canRead">
+  <div v-if="hasAccess">
     <Content />
   </div>
   <Error v-else :status-code="403" />
diff --git a/app/pages/(features)/ambulatory/encounter/[id]/edit.vue b/app/pages/(features)/ambulatory/encounter/[id]/edit.vue
index 22c0c19c..d9840202 100644
--- a/app/pages/(features)/ambulatory/encounter/[id]/edit.vue
+++ b/app/pages/(features)/ambulatory/encounter/[id]/edit.vue
@@ -1,15 +1,17 @@
 <script setup lang="ts">
-// Pubs
-import Error from '~/components/pub/my-ui/error/error.vue'
-
-// Models & Consts
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
 
+// Helpers
+import { getParamsId, getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
+import Error from '~/components/pub/my-ui/error/error.vue'
+
 // Apps
 import Content from '~/components/content/encounter/entry.vue'
 
-// Page meta
 definePageMeta({
   middleware: ['rbac'],
   roles: ['emp|reg'],
@@ -17,43 +19,26 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
+useHead({
+  title: () => `${getRouteTitle()}`,
+})
+
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]/edit'] || {}
-const { checkRole, hasUpdateAccess } = useRBAC()
+const hasAccess = checkPageAccess(roleAccess, 'update')
 
-// Check if user has access to this page, need to use try - catch for proper handling
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Page needs
-const route = useRoute()
-useHead({
-  title: () => route.meta.title as string,
-})
-
-// Get encounter ID from route params
-const encounter_id = computed(() => {
-  const id = route.params.id
-  return typeof id === 'string' ? parseInt(id) : 0
-})
-
-// Define permission-based computed properties
-const canUpdate = hasUpdateAccess(roleAccess)
-
-// User info
 const { user } = useUserStore()
+const encounterId = getParamsId()
 const subClassCode = user.unit_code == 'rehab' ? 'rehab' : 'reg'
 </script>
 
 <template>
-  <div v-if="canUpdate">
+  <div v-if="hasAccess">
     <Content
-      :id="encounter_id"
+      :id="encounterId"
       class-code="ambulatory"
       :sub-class-code="subClassCode"
-      form-type="Edit"
+      form-type="edit"
     />
   </div>
   <Error
diff --git a/app/pages/(features)/ambulatory/encounter/[id]/index.vue b/app/pages/(features)/ambulatory/encounter/[id]/index.vue
deleted file mode 100644
index d9609b24..00000000
--- a/app/pages/(features)/ambulatory/encounter/[id]/index.vue
+++ /dev/null
@@ -1,47 +0,0 @@
-<script setup lang="ts">
-// Pubs
-import Error from '~/components/pub/my-ui/error/error.vue'
-
-// Models & Consts
-import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/ambulatory'
-import { medicalRoles } from '~/const/common/role'
-
-// Page meta
-definePageMeta({
-  middleware: ['rbac'],
-  roles: medicalRoles,
-  title: 'Detail Kunjungan',
-  contentFrame: 'cf-container-md',
-})
-
-// Define common things
-const route = useRoute()
-
-// Prep role checking
-const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
-useHead({
-  title: () => route.meta.title as string,
-})
-</script>
-
-<template>
-  <div>
-    <div v-if="canRead">
-      <ContentOutpatientEncounterDetail :patient-id="Number(route.params.id)" />
-    </div>
-    <Error v-else :status-code="403" />
-  </div>
-</template>
diff --git a/app/pages/(features)/ambulatory/encounter/[id]/process.vue b/app/pages/(features)/ambulatory/encounter/[id]/process.vue
index cf905f9f..f9667bda 100644
--- a/app/pages/(features)/ambulatory/encounter/[id]/process.vue
+++ b/app/pages/(features)/ambulatory/encounter/[id]/process.vue
@@ -1,10 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
+import type { Permission } from '~/models/role'
+import { permissions } from '~/const/page-permission/ambulatory'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from '~/lib/page-checker'
+
 // Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
 
-// AppS
-import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/ambulatory'
+// Apps
 import Content from '~/components/content/encounter/process.vue'
 
 definePageMeta({
@@ -13,33 +18,24 @@ definePageMeta({
   title: 'Proses Kunjungan',
   contentFrame: 'cf-full-width',
   contentPadding: 'p-0',
-  contentUseCard: false
+  contentUseCard: false,
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
 })
 
 // Preps role checking
 const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/[id]/process'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
-const route = useRoute()
-useHead({
-  title: () => `${route.meta.title}`,
-})
-
+const hasAccess = checkPageAccess(roleAccess, 'read')
 </script>
 
 <template>
-  <div v-if="canRead">
+  <div v-if="hasAccess">
     <Content class-code="ambulatory" />
   </div>
-  <Error v-else :status-code="403" />
+  <Error
+    v-else
+    :status-code="403"
+  />
 </template>
diff --git a/app/pages/(features)/ambulatory/encounter/add.vue b/app/pages/(features)/ambulatory/encounter/add.vue
index 8059f9ac..ef0f66e1 100644
--- a/app/pages/(features)/ambulatory/encounter/add.vue
+++ b/app/pages/(features)/ambulatory/encounter/add.vue
@@ -1,7 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/ambulatory'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/entry.vue'
 
 definePageMeta({
@@ -11,28 +19,17 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/add'] || {}
-const { checkRole, hasReadAccess, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/ambulatory/encounter/add'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'create')
 </script>
 
 <template>
-  <div v-if="canCreate">
+  <div v-if="hasAccess">
     <Content
       :id="0"
       class-code="ambulatory"
diff --git a/app/pages/(features)/emergency/encounter/[id]/detail.vue b/app/pages/(features)/emergency/encounter/[id]/detail.vue
index 77babf09..d28521dd 100644
--- a/app/pages/(features)/emergency/encounter/[id]/detail.vue
+++ b/app/pages/(features)/emergency/encounter/[id]/detail.vue
@@ -1,7 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/detail.vue'
 
 definePageMeta({
@@ -11,28 +19,17 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => `${route.meta.title}`,
+  title: () => `${getRouteTitle()}`,
 })
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'read')
 </script>
 
 <template>
-  <div v-if="canRead">
+  <div v-if="hasAccess">
     <Content />
   </div>
   <Error v-else :status-code="403" />
diff --git a/app/pages/(features)/emergency/encounter/[id]/edit.vue b/app/pages/(features)/emergency/encounter/[id]/edit.vue
index 514d7125..4771d7de 100644
--- a/app/pages/(features)/emergency/encounter/[id]/edit.vue
+++ b/app/pages/(features)/emergency/encounter/[id]/edit.vue
@@ -1,7 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { getParamsId, getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/entry.vue'
 
 definePageMeta({
@@ -11,34 +19,19 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter'] || {}
-const { checkRole, hasUpdateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-// Get encounter ID from route params
-const encounterId = computed(() => {
-  const id = route.params.id
-  return typeof id === 'string' ? parseInt(id) : 0
-})
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]/edit'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'update')
 
-// Define permission-based computed properties
-const canUpdate = hasUpdateAccess(roleAccess)
+const encounterId = getParamsId()
 </script>
 
 <template>
-  <div v-if="canUpdate">
+  <div v-if="hasAccess">
     <Content
       :id="encounterId"
       class-code="emergency"
diff --git a/app/pages/(features)/emergency/encounter/[id]/process.vue b/app/pages/(features)/emergency/encounter/[id]/process.vue
index 31065c11..f9e916bb 100644
--- a/app/pages/(features)/emergency/encounter/[id]/process.vue
+++ b/app/pages/(features)/emergency/encounter/[id]/process.vue
@@ -1,39 +1,41 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from '~/lib/page-checker'
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/process.vue'
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Kunjungan',
+  roles: ['emp|doc', 'emp|nur', 'emp|miw', 'emp|nut', 'emp|lab', 'emp|pha', 'emp|thr'],
+  title: 'Proses Kunjungan',
   contentFrame: 'cf-full-width',
+  contentPadding: 'p-0',
+  contentUseCard: false,
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
 })
 
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
-const route = useRoute()
-useHead({
-  title: () => `${route.meta.title}`,
-})
+const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/[id]/process'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'read')
 </script>
 
 <template>
-  <div v-if="canRead">
-    <Content class-code="emergency" sub-class-code="emg" />
+  <div v-if="hasAccess">
+    <Content class-code="emergency" />
   </div>
-  <Error v-else :status-code="403" />
+  <Error
+    v-else
+    :status-code="403"
+  />
 </template>
diff --git a/app/pages/(features)/emergency/encounter/add.vue b/app/pages/(features)/emergency/encounter/add.vue
index ebed81cc..6a6120b0 100644
--- a/app/pages/(features)/emergency/encounter/add.vue
+++ b/app/pages/(features)/emergency/encounter/add.vue
@@ -1,7 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/ambulatory'
+import { permissions } from '~/const/page-permission/emergency'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/entry.vue'
 
 definePageMeta({
@@ -11,28 +19,17 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
-const { checkRole, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/emergency/encounter/add'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'create')
 </script>
 
 <template>
-  <div v-if="canCreate">
+  <div v-if="hasAccess">
     <Content
       :id="0"
       class-code="emergency"
diff --git a/app/pages/(features)/inpatient/encounter/[id]/detail.vue b/app/pages/(features)/inpatient/encounter/[id]/detail.vue
index 45751701..71f8f7c3 100644
--- a/app/pages/(features)/inpatient/encounter/[id]/detail.vue
+++ b/app/pages/(features)/inpatient/encounter/[id]/detail.vue
@@ -1,7 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/detail.vue'
 
 definePageMeta({
@@ -11,28 +19,17 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => `${route.meta.title}`,
+  title: () => `${getRouteTitle()}`,
 })
+
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'read')
 </script>
 
 <template>
-  <div v-if="canRead">
+  <div v-if="hasAccess">
     <Content />
   </div>
   <Error v-else :status-code="403" />
diff --git a/app/pages/(features)/inpatient/encounter/[id]/edit.vue b/app/pages/(features)/inpatient/encounter/[id]/edit.vue
index c2ec6fe9..116ce1f9 100644
--- a/app/pages/(features)/inpatient/encounter/[id]/edit.vue
+++ b/app/pages/(features)/inpatient/encounter/[id]/edit.vue
@@ -1,7 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { getParamsId, getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/entry.vue'
 
 definePageMeta({
@@ -11,38 +19,23 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter'] || {}
-const { checkRole, hasUpdateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-// Get encounter ID from route params
-const encounterId = computed(() => {
-  const id = route.params.id
-  return typeof id === 'string' ? parseInt(id) : 0
-})
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]/edit'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'update')
 
-// Define permission-based computed properties
-const canUpdate = hasUpdateAccess(roleAccess)
+const encounterId = getParamsId()
 </script>
 
 <template>
-  <div v-if="canUpdate">
+  <div v-if="hasAccess">
     <Content
       :id="encounterId"
       class-code="inpatient"
-      sub-class-code="icu"
+      sub-class-code="vk"
       form-type="edit"
     />
   </div>
diff --git a/app/pages/(features)/inpatient/encounter/[id]/process.vue b/app/pages/(features)/inpatient/encounter/[id]/process.vue
index 7a59f42b..eb775c64 100644
--- a/app/pages/(features)/inpatient/encounter/[id]/process.vue
+++ b/app/pages/(features)/inpatient/encounter/[id]/process.vue
@@ -1,39 +1,41 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
 import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from '~/lib/page-checker'
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/process.vue'
 
 definePageMeta({
   middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Kunjungan',
+  roles: ['emp|doc', 'emp|nur', 'emp|miw', 'emp|nut', 'emp|lab', 'emp|pha', 'emp|thr'],
+  title: 'Proses Kunjungan',
   contentFrame: 'cf-full-width',
+  contentPadding: 'p-0',
+  contentUseCard: false,
+})
+
+useHead({
+  title: () => `${getRouteTitle()}`,
 })
 
 // Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter'] || {}
-const { checkRole, hasReadAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
-
-// Page needs
-const route = useRoute()
-useHead({
-  title: () => `${route.meta.title}`,
-})
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/[id]/process'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'read')
 </script>
 
 <template>
-  <div v-if="canRead">
-    <Content class-code="inpatient" sub-class-code="vk" />
+  <div v-if="hasAccess">
+    <Content class-code="inpatient" />
   </div>
-  <Error v-else :status-code="403" />
+  <Error
+    v-else
+    :status-code="403"
+  />
 </template>
diff --git a/app/pages/(features)/inpatient/encounter/add.vue b/app/pages/(features)/inpatient/encounter/add.vue
index cef6c89a..223459c2 100644
--- a/app/pages/(features)/inpatient/encounter/add.vue
+++ b/app/pages/(features)/inpatient/encounter/add.vue
@@ -1,7 +1,15 @@
 <script setup lang="ts">
+// Types & Consts
 import type { Permission } from '~/models/role'
-import { permissions } from '~/const/page-permission/ambulatory'
+import { permissions } from '~/const/page-permission/inpatient'
+
+// Helpers
+import { getRouteTitle, checkPageAccess } from "~/lib/page-checker"
+
+// Pubs
 import Error from '~/components/pub/my-ui/error/error.vue'
+
+// Apps
 import Content from '~/components/content/encounter/entry.vue'
 
 definePageMeta({
@@ -11,32 +19,21 @@ definePageMeta({
   contentFrame: 'cf-full-width',
 })
 
-// Preps role checking
-const roleAccess: Record<string, Permission[]> = permissions['/outpatient/encounter'] || {}
-const { checkRole, hasCreateAccess } = useRBAC()
-
-// Check if user has access to this page
-const hasAccess = checkRole(roleAccess)
-if (!hasAccess) {
-  navigateTo('/403')
-}
-
-// Page needs
-const route = useRoute()
 useHead({
-  title: () => route.meta.title as string,
+  title: () => `${getRouteTitle()}`,
 })
 
-// Define permission-based computed properties
-const canCreate = hasCreateAccess(roleAccess)
+// Preps role checking
+const roleAccess: Record<string, Permission[]> = permissions['/inpatient/encounter/add'] || {}
+const hasAccess = checkPageAccess(roleAccess, 'create')
 </script>
 
 <template>
-  <div v-if="canCreate">
+  <div v-if="hasAccess">
     <Content
       :id="0"
-      class-code="ambulatory"
-      sub-class-code="reg"
+      class-code="inpatient"
+      sub-class-code="vk"
       form-type="add"
     />
   </div>