From 9cb8dd9caf2bff499d5fc544a8685da9aa4fccb7 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Mon, 8 Sep 2025 13:09:55 +0700
Subject: [PATCH 1/4] refactor(equipment): add modal form to component list

---
 .../{material => equipment}/entry-form.vue    |  51 +++--
 .../app/{material => equipment}/list-cfg.ts   |   0
 app/components/app/equipment/list.vue         |  38 ++++
 app/components/app/material/list.vue          |  19 --
 app/components/content/equipment/list.vue     | 211 ++++++++++++++++++
 app/components/flow/material/entry.vue        |  39 ----
 app/components/flow/material/list.vue         |  65 ------
 .../tools-equipment-src/equipment/add.vue     |   2 +-
 .../tools-equipment-src/equipment/index.vue   |   4 +-
 9 files changed, 285 insertions(+), 144 deletions(-)
 rename app/components/app/{material => equipment}/entry-form.vue (75%)
 rename app/components/app/{material => equipment}/list-cfg.ts (100%)
 create mode 100644 app/components/app/equipment/list.vue
 delete mode 100644 app/components/app/material/list.vue
 create mode 100644 app/components/content/equipment/list.vue
 delete mode 100644 app/components/flow/material/entry.vue
 delete mode 100644 app/components/flow/material/list.vue

diff --git a/app/components/app/material/entry-form.vue b/app/components/app/equipment/entry-form.vue
similarity index 75%
rename from app/components/app/material/entry-form.vue
rename to app/components/app/equipment/entry-form.vue
index d670f60c..03882cea 100644
--- a/app/components/app/material/entry-form.vue
+++ b/app/components/app/equipment/entry-form.vue
@@ -5,20 +5,18 @@ import { useForm } from 'vee-validate'
 // types
 import type z from 'zod'
 import type { MaterialFormData } from '~/schemas/material'
-// components
-import Label from '~/components/pub/custom-ui/form/label.vue'
 
 interface Props {
-  isLoading: boolean
   schema: z.ZodSchema<any>
   uoms: any[]
   items: any[]
 }
 
+const isLoading = ref(false)
 const props = defineProps<Props>()
 const emit = defineEmits<{
-  back: []
-  submit: [data: any]
+  submit: [values: MaterialFormData, resetForm: () => void]
+  cancel: [resetForm: () => void]
 }>()
 
 const { handleSubmit, defineField, errors } = useForm({
@@ -38,19 +36,36 @@ const [uom, uomAttrs] = defineField('uom_code')
 const [item, itemAttrs] = defineField('item_id')
 const [stock, stockAttrs] = defineField('stock')
 
-const onSubmit = handleSubmit(async (values) => {
-  try {
-    emit('submit', values)
-  } catch (error) {
-    console.error('Submission failed:', error)
+const resetForm = () => {
+  code.value = ''
+  name.value = ''
+  uom.value = ''
+  item.value = ''
+  stock.value = 0
+}
+
+// Form submission handler
+function onSubmitForm(values: any) {
+  const formData: MaterialFormData = {
+    name: values.name || '',
+    code: values.code || '',
+    uom_code: values.uom_code || '',
+    item_id: values.item_id || '',
+    stock: values.stock || 0,
   }
-})
+  emit('submit', formData, resetForm)
+}
+
+// Form cancel handler
+function onCancelForm() {
+  emit('cancel', resetForm)
+}
 </script>
 
 <template>
-  <form class="grid gap-2" @submit="onSubmit">
+  <form class="grid gap-2" @submit="onSubmitForm">
     <div class="grid gap-2">
-      <Label for="code">Kode</Label>
+      <label for="code">Kode</label>
       <Input
         id="code"
         v-model="code"
@@ -63,7 +78,7 @@ const onSubmit = handleSubmit(async (values) => {
       </span>
     </div>
     <div class="grid gap-2">
-      <Label for="name">Nama</Label>
+      <label for="name">Nama</label>
       <Input
         id="name"
         v-model="name"
@@ -76,7 +91,7 @@ const onSubmit = handleSubmit(async (values) => {
       </span>
     </div>
     <div class="grid gap-2">
-      <Label for="uom">Satuan</Label>
+      <label for="uom">Satuan</label>
       <Select
         id="uom"
         icon-name="i-lucide-chevron-down"
@@ -92,7 +107,7 @@ const onSubmit = handleSubmit(async (values) => {
       </span>
     </div>
     <div class="grid gap-2">
-      <Label for="item">Item</Label>
+      <label for="item">Item</label>
       <Select
         id="item"
         icon-name="i-lucide-chevron-down"
@@ -108,7 +123,7 @@ const onSubmit = handleSubmit(async (values) => {
       </span>
     </div>
     <div class="grid gap-2">
-      <Label for="stock">Stok</Label>
+      <label for="stock">Stok</label>
       <Input
         id="stock"
         type="number"
@@ -122,7 +137,7 @@ const onSubmit = handleSubmit(async (values) => {
       </span>
     </div>
     <div class="my-2 flex justify-end gap-2 py-2">
-      <Button variant="secondary" class="w-[120px]" @click="emit('back')"> Kembali </Button>
+      <Button variant="secondary" class="w-[120px]" @click="onCancelForm"> Kembali </Button>
       <Button type="submit" class="w-[120px]">
         <Loader2 v-if="isLoading" class="mr-2 h-4 w-4 animate-spin" />
         Simpan
diff --git a/app/components/app/material/list-cfg.ts b/app/components/app/equipment/list-cfg.ts
similarity index 100%
rename from app/components/app/material/list-cfg.ts
rename to app/components/app/equipment/list-cfg.ts
diff --git a/app/components/app/equipment/list.vue b/app/components/app/equipment/list.vue
new file mode 100644
index 00000000..c912c977
--- /dev/null
+++ b/app/components/app/equipment/list.vue
@@ -0,0 +1,38 @@
+<script setup lang="ts">
+import type { PaginationMeta } from '~/components/pub/custom-ui/pagination/pagination.type'
+import { cols, funcComponent, funcHtml, funcParsed, header, keys } from './list-cfg'
+
+interface Props {
+  data: any[]
+  paginationMeta?: PaginationMeta
+}
+
+defineProps<Props>()
+
+const emit = defineEmits<{
+  pageChange: [page: number]
+}>()
+
+function handlePageChange(page: number) {
+  emit('pageChange', page)
+}
+</script>
+
+<template>
+  <div class="space-y-4">
+    <PubBaseDataTable
+      :rows="data"
+      :cols="cols"
+      :header="header"
+      :keys="keys"
+      :func-parsed="funcParsed"
+      :func-html="funcHtml"
+      :func-component="funcComponent"
+    />
+    <template v-if="paginationMeta">
+      <div v-if="paginationMeta.totalPage > 1">
+        <PubCustomUiPagination :pagination-meta="paginationMeta" @page-change="handlePageChange" />
+      </div>
+    </template>
+  </div>
+</template>
diff --git a/app/components/app/material/list.vue b/app/components/app/material/list.vue
deleted file mode 100644
index 5b8778d9..00000000
--- a/app/components/app/material/list.vue
+++ /dev/null
@@ -1,19 +0,0 @@
-<script setup lang="ts">
-import { cols, funcComponent, funcHtml, funcParsed, header, keys } from './list-cfg'
-
-defineProps<{
-  data: any[]
-}>()
-</script>
-
-<template>
-  <PubBaseDataTable
-    :rows="data"
-    :cols="cols"
-    :header="header"
-    :keys="keys"
-    :func-parsed="funcParsed"
-    :func-html="funcHtml"
-    :func-component="funcComponent"
-  />
-</template>
diff --git a/app/components/content/equipment/list.vue b/app/components/content/equipment/list.vue
new file mode 100644
index 00000000..61d2a0b0
--- /dev/null
+++ b/app/components/content/equipment/list.vue
@@ -0,0 +1,211 @@
+<script setup lang="ts">
+import { MaterialSchema, type MaterialFormData } from '~/schemas/material'
+import { usePaginatedList } from '~/composables/usePaginatedList'
+import { ActionEvents, type HeaderPrep } from '~/components/pub/custom-ui/data/types'
+import Dialog from '~/components/pub/base/modal/dialog.vue'
+import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
+import AppEquipmentEntryForm from '~/components/app/equipment/entry-form.vue'
+import RecordConfirmation from '~/components/pub/custom-ui/confirmation/record-confirmation.vue'
+
+const isFormEntryDialogOpen = ref(false)
+const isRecordConfirmationOpen = ref(false)
+const recId = ref<number>(0)
+const recAction = ref<string>('')
+const recItem = ref<any>(null)
+
+const uoms = [
+  { value: 'uom-1', label: 'Satuan 1' },
+  { value: 'uom-2', label: 'Satuan 2' },
+  { value: 'uom-3', label: 'Satuan 3' },
+]
+const items = [
+  { value: 'item-1', label: 'Item 1' },
+  { value: 'item-2', label: 'Item 2' },
+  { value: 'item-3', label: 'Item 3' },
+]
+
+// Fungsi untuk fetch data division
+async function fetchEquipmentData(params: any) {
+  // Prepare query parameters for pagination and search
+  const urlParams = new URLSearchParams({
+    'page-number': params.page.toString(),
+    'page-size': params.pageSize.toString(),
+  })
+
+  if (params.q) {
+    urlParams.append('search', params.q)
+  }
+
+  return await xfetch(`/api/v1/equipment?${urlParams.toString()}`)
+}
+
+// Menggunakan composable untuk pagination
+const {
+  data,
+  isLoading,
+  paginationMeta,
+  searchInput,
+  handlePageChange,
+  handleSearch,
+  fetchData: getEquipmentList,
+} = usePaginatedList({
+  fetchFn: fetchEquipmentData,
+  entityName: 'equipment',
+})
+
+const headerPrep: HeaderPrep = {
+  title: 'Perlengkapan (BMHP)',
+  icon: 'i-lucide-layout-dashboard',
+  refSearchNav: {
+    placeholder: 'Cari (min. 3 karakter)...',
+    minLength: 3,
+    debounceMs: 500,
+    showValidationFeedback: true,
+    onInput: (_val: string) => {
+      // Handle search input - this will be triggered by the header component
+    },
+    onClick: () => {
+      // Handle search button click if needed
+    },
+    onClear: () => {
+      // Handle search clear
+    },
+  },
+  addNav: {
+    label: 'Tambah Perlengkapan',
+    icon: 'i-lucide-plus',
+    onClick: () => {
+      isFormEntryDialogOpen.value = true
+    },
+  },
+}
+
+provide('rec_id', recId)
+provide('rec_action', recAction)
+provide('rec_item', recItem)
+provide('table_data_loader', isLoading)
+
+// Watch for row actions
+watch(recId, () => {
+  switch (recAction.value) {
+    case ActionEvents.showEdit:
+      // TODO: Handle edit action
+      // isFormEntryDialogOpen.value = true
+      break
+    case ActionEvents.showConfirmDelete:
+      // Trigger confirmation modal open
+      isRecordConfirmationOpen.value = true
+      break
+  }
+})
+
+const handleDeleteRow = async (record: any) => {
+  try {
+    // TODO : hit backend request untuk delete
+    console.log('Deleting record:', record)
+    // Simulate API call
+    // const response = await xfetch(`/api/v1/division/${record.id}`, {
+    //   method: 'DELETE'
+    // })
+
+    // Refresh data setelah berhasil delete
+    await getEquipmentList()
+
+    // TODO: Show success message
+    console.log('Record deleted successfully')
+  } catch (error) {
+    console.error('Error deleting record:', error)
+    // TODO: Show error message
+  } finally {
+    // Reset record state
+    recId.value = 0
+    recAction.value = ''
+    recItem.value = null
+  }
+}
+
+const onCancelForm = (resetForm: () => void) => {
+  isFormEntryDialogOpen.value = false
+  setTimeout(() => {
+    resetForm()
+  }, 500)
+}
+
+const onSubmitForm = async (values: any, resetForm: () => void) => {
+  let isSuccess = false
+  try {
+    // TODO: Implement form submission logic
+    console.log('Form submitted:', values)
+
+    // Simulate API call
+    // const response = await xfetch('/api/v1/division', {
+    //   method: 'POST',
+    //   body: JSON.stringify(values)
+    // })
+
+    // If successful, mark as success and close dialog
+    isFormEntryDialogOpen.value = false
+    isSuccess = true
+
+    // Refresh data after successful submission
+    await getEquipmentList()
+
+    // TODO: Show success message
+    console.log('Division created successfully')
+  } catch (error: unknown) {
+    console.warn('Error submitting form:', error)
+    isSuccess = false
+    // Don't close dialog or reset form on error
+    // TODO: Show error message to user
+  } finally {
+    if (isSuccess) {
+      setTimeout(() => {
+        resetForm()
+      }, 500)
+    }
+  }
+}
+
+// Handle confirmation result
+const handleConfirmDelete = (record: any, action: string) => {
+  console.log('Confirmed action:', action, 'for record:', record)
+  handleDeleteRow(record)
+}
+
+const handleCancelConfirmation = () => {
+  // Reset record state when cancelled
+  recId.value = 0
+  recAction.value = ''
+  recItem.value = null
+}
+</script>
+
+<template>
+  <div class="rounded-md border p-4">
+    <Header v-model="searchInput" :prep="headerPrep" @search="handleSearch" />
+    <div class="rounded-md border p-4">
+      <AppEquipmentList :data="data" :pagination-meta="paginationMeta" @page-change="handlePageChange" />
+    </div>
+
+    <Dialog v-model:open="isFormEntryDialogOpen" title="Tambah Perlengkapan" size="lg" prevent-outside>
+      <AppEquipmentEntryForm :schema="MaterialSchema" :uoms="uoms" :items="items" @back="onCancelForm" @submit="onSubmitForm" />
+    </Dialog>
+
+    <!-- Record Confirmation Modal -->
+    <RecordConfirmation
+      v-model:open="isRecordConfirmationOpen"
+      action="delete"
+      :record="recItem"
+      @confirm="handleConfirmDelete"
+      @cancel="handleCancelConfirmation"
+    >
+      <template #default="{ record }">
+        <div class="text-sm">
+          <p><strong>ID:</strong> {{ record?.id }}</p>
+          <p v-if="record?.name"><strong>Nama:</strong> {{ record.name }}</p>
+          <p v-if="record?.code"><strong>Kode:</strong> {{ record.code }}</p>
+        </div>
+      </template>
+    </RecordConfirmation>
+  </div>
+</template>
diff --git a/app/components/flow/material/entry.vue b/app/components/flow/material/entry.vue
deleted file mode 100644
index a6219d03..00000000
--- a/app/components/flow/material/entry.vue
+++ /dev/null
@@ -1,39 +0,0 @@
-<script setup lang="ts">
-// types
-import { MaterialSchema, type MaterialFormData } from '~/schemas/material'
-
-const isLoading = ref(false)
-const uoms = [
-  { value: 'uom-1', label: 'Satuan 1' },
-  { value: 'uom-2', label: 'Satuan 2' },
-  { value: 'uom-3', label: 'Satuan 3' },
-]
-const items = [
-  { value: 'item-1', label: 'Item 1' },
-  { value: 'item-2', label: 'Item 2' },
-  { value: 'item-3', label: 'Item 3' },
-]
-
-function onBack() {
-  navigateTo('/tools-equipment-src/equipment')
-}
-
-async function onSubmit(data: MaterialFormData) {
-  console.log(data)
-}
-</script>
-
-<template>
-  <div class="mb-5 border-b border-b-slate-300 pb-3 text-lg xl:text-xl">
-    <Icon name="i-lucide-panel-bottom" class="me-2" />
-    <span class="font-semibold">Tambah</span> Perlengkapan (BMHP)
-  </div>
-  <AppMaterialEntryForm
-    :is-loading="isLoading"
-    :schema="MaterialSchema"
-    :uoms="uoms"
-    :items="items"
-    @back="onBack"
-    @submit="onSubmit"
-  />
-</template>
diff --git a/app/components/flow/material/list.vue b/app/components/flow/material/list.vue
deleted file mode 100644
index fa719f46..00000000
--- a/app/components/flow/material/list.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<script setup lang="ts">
-import type { DataTableLoader } from '~/components/pub/base/data-table/type'
-import type { HeaderPrep, RefSearchNav } from '~/components/pub/custom-ui/data/types'
-import Header from '~/components/pub/custom-ui/nav-header/prep.vue'
-
-const data = ref([])
-
-const refSearchNav: RefSearchNav = {
-  onClick: () => {
-    // open filter modal
-  },
-  onInput: (_val: string) => {
-    // filter patient list
-  },
-  onClear: () => {
-    // clear url param
-  },
-}
-
-const isLoading = reactive<DataTableLoader>({
-  isTableLoading: false,
-})
-
-const recId = ref<number>(0)
-const recAction = ref<string>('')
-const recItem = ref<any>(null)
-
-const headerPrep: HeaderPrep = {
-  title: 'Perlengkapan (BMHP)',
-  icon: 'i-lucide-panel-bottom',
-  addNav: {
-    label: 'Tambah',
-    onClick: () => navigateTo('/tools-equipment-src/equipment/add'),
-  },
-}
-
-async function getMaterialList() {
-  isLoading.dataListLoading = true
-
-  // const resp = await xfetch('/api/v1/material')
-  // if (resp.success) {
-  //   data.value = (resp.body as Record<string, any>).data
-  // }
-
-  isLoading.dataListLoading = false
-}
-
-onMounted(() => {
-  getMaterialList()
-})
-
-provide('rec_id', recId)
-provide('rec_action', recAction)
-provide('rec_item', recItem)
-provide('table_data_loader', isLoading)
-</script>
-
-<template>
-  <div class="rounded-md border p-4">
-    <Header :prep="{ ...headerPrep }" :ref-search-nav="refSearchNav" />
-    <div class="rounded-md border p-4">
-      <AppMaterialList v-if="!isLoading.dataListLoading" :data="data" />
-    </div>
-  </div>
-</template>
diff --git a/app/pages/(features)/tools-equipment-src/equipment/add.vue b/app/pages/(features)/tools-equipment-src/equipment/add.vue
index 56803533..f8fe61a2 100644
--- a/app/pages/(features)/tools-equipment-src/equipment/add.vue
+++ b/app/pages/(features)/tools-equipment-src/equipment/add.vue
@@ -35,7 +35,7 @@ const canCreate = hasCreateAccess(roleAccess)
 
 <template>
   <div v-if="canCreate">
-    <FlowMaterialEntry />
+    <ContentMaterialEntry />
   </div>
   <Error v-else :status-code="403" />
 </template>
diff --git a/app/pages/(features)/tools-equipment-src/equipment/index.vue b/app/pages/(features)/tools-equipment-src/equipment/index.vue
index 503056cb..92061d83 100644
--- a/app/pages/(features)/tools-equipment-src/equipment/index.vue
+++ b/app/pages/(features)/tools-equipment-src/equipment/index.vue
@@ -27,13 +27,13 @@ if (!hasAccess) {
 }
 
 // Define permission-based computed properties
-const canRead = hasReadAccess(roleAccess)
+const canRead = true // hasReadAccess(roleAccess)
 </script>
 
 <template>
   <div>
     <div v-if="canRead">
-      <FlowMaterialList />
+      <ContentEquipmentList />
     </div>
     <Error v-else :status-code="403" />
   </div>

From f6fc9103c90d101d814cca7ba71762a33f4fbe50 Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Mon, 8 Sep 2025 13:10:43 +0700
Subject: [PATCH 2/4] chore: change sys.json for equipment

---
 public/side-menu-items/sys.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/public/side-menu-items/sys.json b/public/side-menu-items/sys.json
index e10aab27..021a867f 100644
--- a/public/side-menu-items/sys.json
+++ b/public/side-menu-items/sys.json
@@ -192,7 +192,7 @@
           {
             "title": "Perlengkapan (BMHP)",
             "icon": "i-lucide-stethoscope",
-            "link": "/tools-equipment-src/material"
+            "link": "/tools-equipment-src/equipment"
           },
           {
             "title": "Metode Obat",

From bb74662f15f866ba0ff0fbef5e01f9736920f20b Mon Sep 17 00:00:00 2001
From: riefive <rie.five@gmail.com>
Date: Mon, 8 Sep 2025 13:14:24 +0700
Subject: [PATCH 3/4] refactor(equipment): change submit flow

---
 app/components/app/equipment/entry-form.vue   |  2 +-
 .../tools-equipment-src/equipment/add.vue     | 41 -------------------
 2 files changed, 1 insertion(+), 42 deletions(-)
 delete mode 100644 app/pages/(features)/tools-equipment-src/equipment/add.vue

diff --git a/app/components/app/equipment/entry-form.vue b/app/components/app/equipment/entry-form.vue
index 03882cea..62f0f9cc 100644
--- a/app/components/app/equipment/entry-form.vue
+++ b/app/components/app/equipment/entry-form.vue
@@ -63,7 +63,7 @@ function onCancelForm() {
 </script>
 
 <template>
-  <form class="grid gap-2" @submit="onSubmitForm">
+  <form class="grid gap-2" @submit="handleSubmit(onSubmitForm)">
     <div class="grid gap-2">
       <label for="code">Kode</label>
       <Input
diff --git a/app/pages/(features)/tools-equipment-src/equipment/add.vue b/app/pages/(features)/tools-equipment-src/equipment/add.vue
deleted file mode 100644
index f8fe61a2..00000000
--- a/app/pages/(features)/tools-equipment-src/equipment/add.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<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({
-  middleware: ['rbac'],
-  roles: ['doctor', 'nurse', 'admisi', 'pharmacy', 'billing', 'management'],
-  title: 'Tambah User',
-  contentFrame: 'cf-full-width',
-})
-
-const route = useRoute()
-
-useHead({
-  title: () => route.meta.title as string,
-})
-
-const roleAccess: PagePermission = PAGE_PERMISSIONS['/doctor']
-
-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 v-if="canCreate">
-    <ContentMaterialEntry />
-  </div>
-  <Error v-else :status-code="403" />
-</template>

From f7d8d90f95f1c75ccf3133e092b0dcbc6b7a7857 Mon Sep 17 00:00:00 2001
From: Abizrh <abizarah857@gmail.com>
Date: Tue, 9 Sep 2025 11:39:51 +0700
Subject: [PATCH 4/4] =?UTF-8?q?=E2=9C=A8=20feat=20(sys):=20update=20side?=
 =?UTF-8?q?=20menu=20items=20and=20icons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/side-menu-items/sys.json | 102 +++++++++++++++++++++++++-------
 1 file changed, 82 insertions(+), 20 deletions(-)

diff --git a/public/side-menu-items/sys.json b/public/side-menu-items/sys.json
index e10aab27..de4bfbb4 100644
--- a/public/side-menu-items/sys.json
+++ b/public/side-menu-items/sys.json
@@ -35,7 +35,7 @@
       },
       {
         "title": "IGD",
-        "icon": "i-lucide-stethoscope",
+        "icon": "i-lucide-zap",
         "children": [
           {
             "title": "Triase",
@@ -77,7 +77,7 @@
       },
       {
         "title": "Rehabilitasi Medik",
-        "icon": "i-lucide-heart",
+        "icon": "i-lucide-bike",
         "link": "/rehabilitasi",
         "children": [
           {
@@ -103,34 +103,44 @@
         ]
       },
       {
-        "title": "Farmasi",
-        "icon": "i-lucide-users",
+        "title": "Obat - Order",
+        "icon": "i-lucide-briefcase-medical",
         "children": [
           {
             "title": "Permintaan",
             "icon": "i-lucide-user",
-            "link": "/pharmacy/request"
+            "link": "/medication/order"
           },
           {
             "title": "Standing Order",
             "icon": "i-lucide-user",
-            "link": "/pharmacy/standing-order"
+            "link": "/medication/standing-order"
           }
         ]
       },
       {
-        "title": "Lab",
-        "icon": "i-lucide-briefcase",
+        "title": "Lab - Order",
+        "icon": "i-lucide-microscope",
         "link": "/lab-order"
       },
       {
-        "title": "Radiologi",
+        "title": "Lab Mikro - Order",
+        "icon": "i-lucide-microscope",
+        "link": "/micro-lab-order"
+      },
+      {
+        "title": "Lab PA - Order",
+        "icon": "i-lucide-microscope",
+        "link": "/pa-lab-order"
+      },
+      {
+        "title": "Radiologi - Order",
         "icon": "i-lucide-radio",
         "link": "/radiology-order"
       },
       {
         "title": "Gizi",
-        "icon": "i-lucide-briefcase",
+        "icon": "i-lucide-egg-fried",
         "link": "/nutrition-order"
       },
       {
@@ -160,7 +170,7 @@
     "items": [
       {
         "title": "BPJS",
-        "icon": "i-lucide-refresh-cw",
+        "icon": "i-lucide-circuit-board",
         "link": "/integration/bpjs",
         "badge": "Live"
       },
@@ -177,7 +187,7 @@
     "items": [
       {
         "title": "Peralatan dan Perlengkapan",
-        "icon": "i-lucide-radius",
+        "icon": "i-lucide-layout-dashboard",
         "children": [
           {
             "title": "Obat",
@@ -209,36 +219,88 @@
       {
         "title": "Pengguna",
         "icon": "i-lucide-user",
-        "link": "/human-src/employee"
+        "children": [
+          {
+            "title": "Pegawai",
+            "icon": "i-lucide-stethoscope",
+            "link": "/human-src/employee"
+          },
+          {
+            "title": "PPDS",
+            "icon": "i-lucide-user",
+            "link": "/human-src/specialist-intern"
+          }
+        ]
       },
       {
         "title": "Layanan",
-        "icon": "i-lucide-card-sim",
+        "icon": "i-lucide-layout-list",
         "children": [
           {
             "title": "Counter",
             "icon": "i-lucide-stethoscope",
-            "link": "/tools-equipment-src/medicine"
+            "link": "/service-src/counter"
           },
           {
-            "title": "Bed",
+            "title": "Public Screen (Big Screen)",
             "icon": "i-lucide-tools",
-            "link": "/tools-equipment-src/device"
+            "link": "/service-src/public-screen"
+          },
+          {
+            "title": "Kasur",
+            "icon": "i-lucide-tools",
+            "link": "/service-src/bed"
           },
           {
             "title": "Kamar",
             "icon": "i-lucide-stethoscope",
-            "link": "/tools-equipment-src/medical-device"
+            "link": "/service-src/chamber"
           },
           {
             "title": "Lantai",
             "icon": "i-lucide-user",
-            "link": "/tools-equipment-src/medicine-method"
+            "link": "/service-src/floor"
           },
           {
             "title": "Gedung",
             "icon": "i-lucide-user",
-            "link": "/tools-equipment-src/medicine-type"
+            "link": "/service-src/building"
+          }
+        ]
+      },
+      {
+        "title": "Item & Item Price",
+        "icon": "i-lucide-shopping-basket",
+        "link": "/item-src/item"
+      },
+      {
+        "title": "Organisasi",
+        "icon": "i-lucide-network",
+        "children": [
+          {
+            "title": "Divisi",
+            "icon": "i-lucide-stethoscope",
+            "link": "/org-src/division"
+          },
+          {
+            "title": "Instalasi",
+            "icon": "i-lucide-tools",
+            "link": "/org-src/installation"
+          },
+          {
+            "title": "Unit",
+            "icon": "i-lucide-tools",
+            "link": "/org-src/unit"
+          },
+          {
+            "title": "Specialist",
+            "icon": "i-lucide-stethoscope",
+            "link": "/org-src/specialist"
+          },
+          {
+            "title": "Sub Specialist",
+            "icon": "i-lucide-user",
+            "link": "/org-src/subspecialist"
           }
         ]
       }