✨ feat (encounter): add small entry form for sep

app/pages/(features)/rehab/encounter/[id]/detail.vue

@@ -1,9 +1,41 @@
 <script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/base/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
 definePageMeta({
-  roles: ['sys', 'doc'],
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Tambah Kunjungan',
+  contentFrame: 'cf-full-width',
 })
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
+
+const { checkRole, hasCreateAccess } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+if (!hasAccess) {
+  throw createError({
+    statusCode: 403,
+    statusMessage: 'Access denied',
+  })
+}
+
+// Define permission-based computed properties
+const canCreate = hasCreateAccess(roleAccess)
 </script>
 
 <template>
-  <div>detail pasien</div>
+  <div v-if="canCreate">
+    <ContentEncounterEntry :id="1" form-type="Detail" />
+  </div>
+  <Error v-else :status-code="403" />
 </template>

app/pages/(features)/rehab/encounter/[id]/edit.vue

@@ -1,9 +1,41 @@
 <script setup lang="ts">
+import type { PagePermission } from '~/models/role'
+import Error from '~/components/pub/base/error/error.vue'
+import { PAGE_PERMISSIONS } from '~/lib/page-permission'
+
 definePageMeta({
-  roles: ['sys', 'doc'],
+  middleware: ['rbac'],
+  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
+  title: 'Tambah Kunjungan',
+  contentFrame: 'cf-full-width',
 })
+
+const route = useRoute()
+
+useHead({
+  title: () => route.meta.title,
+})
+
+const roleAccess: PagePermission = PAGE_PERMISSIONS['/rehab/encounter']
+
+const { checkRole, hasCreateAccess } = useRBAC()
+
+// Check if user has access to this page
+const hasAccess = checkRole(roleAccess)
+if (!hasAccess) {
+  throw createError({
+    statusCode: 403,
+    statusMessage: 'Access denied',
+  })
+}
+
+// Define permission-based computed properties
+const canCreate = hasCreateAccess(roleAccess)
 </script>
 
 <template>
-  <div>edit pasien</div>
+  <div v-if="canCreate">
+    <ContentEncounterEntry :id="1" form-type="Edit" />
+  </div>
+  <Error v-else :status-code="403" />
 </template>

app/pages/(features)/rehab/encounter/add.vue

@@ -35,7 +35,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <ContentEncounterEntry />
+    <ContentEncounterEntry form-type="Tambah" />
   </div>
   <Error v-else :status-code="403" />
 </template>