diff --git a/.env.example b/.env.example
new file mode 100644
index 0000000..9a219ce
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,11 @@
+KEYCLOAK_URL="https://auth.rssa.top"
+KEYCLOAK_SECRET="32HslhZ8Hn97SsbxcmowhXvmNZ9cPGNE"
+KEYCLOAK_CLIENT="keuangan-firman"
+KEYCLOAK_REALM="sandbox"
+KEYCLOAK_REDIRECT_URL="http://localhost:3000"
+
+KEYCLOAK_ISSUER="https://auth.rssa.top/realms/sandbox"
+AUTH_ORIGIN="http://localhost:3000"
+
+# MONGODB_URI='mongodb://admin:*****@10.10.123.206:27017/?retryWrites=true&loadBalanced=false&serverSelectionTimeoutMS=5000&connectTimeoutMS=10000&authSource=admin&authMechanism=SCRAM-SHA-1'
+MONGODB_URI='mongodb://10.10.123.206:27017/keuangan'
\ No newline at end of file
diff --git a/components/Master/formDetail.vue b/components/Master/formDetail.vue
index 6d423a4..48f146d 100644
--- a/components/Master/formDetail.vue
+++ b/components/Master/formDetail.vue
@@ -1,28 +1,17 @@
 <script setup lang="ts">
-import typeUser from "@/data/dummy/keuangan.type_user.json";
-import role_menu from "@/data/dummy/keuangan.role_menu.json";
-import menu from "@/data/dummy/keuangan.menu.json";
+import {useSettingStore} from "@/stores/api/setting/setting"
 
-import {useRoleMode} from "@/stores/api/roleMenu"
-import {useMenu} from "@/stores/api/menu"
-import {useTypeUser} from "@/stores/api/typeUser"
+const {getMenu,getRoleMenuById,getTypeUser} = useSettingStore()
+const {roleMenuById,listMenu,listTypeUser} = storeToRefs(useSettingStore())
 
-const {getMenu} = useMenu()
-const {getTypeUser} = useTypeUser()
-
-const {roleMenuById} = storeToRefs(useRoleMode())
-const {listMenu} = storeToRefs(useMenu())
-const {listTypeUser} = storeToRefs(useTypeUser())
 const data = ref<any>([])
 
 const dataMenu = async() => {
     await getMenu()
     await getTypeUser()
-    // console.log('ini semua tipe:',listTypeUser.value);
     return roleMenuById.value.data.map((role_menu: any) => {
         const menuItem = listMenu.value.find((menu:any) => menu._id == role_menu.menu_id)
         const type_user= listTypeUser.value.find((type_user:any) => type_user._id == role_menu.type_user_id)
-        // console.log("ini menunya:",menuItem);
     return {
       _id: role_menu._id,
       menu: menuItem?.display || '-',
@@ -33,7 +22,6 @@ const dataMenu = async() => {
       accessDelete: role_menu.access?.[3]?.delete || 0
     }
   });
-//   console.log(data)
 };
 
 const onSubmit = async() => {
@@ -44,7 +32,7 @@ const onSubmit = async() => {
 onMounted(async () => {
 //   console.log(roleMenuById.value.data);
   data.value = await dataMenu()
-  console.log(data.value);
+  // console.log(data.value);
 })
 
 const columns=ref([
@@ -59,9 +47,6 @@ const columns=ref([
 
 <template>
   <div class="d-flex flex-column gap-1 mx-1 pa-7 pt-0 pb-0">
-    <!-- {{roleMenuById.data}} -->
-     <!-- {{dataMenu}} -->
-     <!-- {{data}} -->
     <MasterTable :columns="columns" :data="data"/>
   </div>
 </template>
diff --git a/components/Master/formDetail1.vue b/components/Master/formDetail1.vue
index 4a14b34..5971717 100644
--- a/components/Master/formDetail1.vue
+++ b/components/Master/formDetail1.vue
@@ -1,18 +1,9 @@
 <script setup lang="ts">
-import typeUser from "@/data/dummy/keuangan.type_user.json";
-import role_menu from "@/data/dummy/keuangan.role_menu.json";
-import menu from "@/data/dummy/keuangan.menu.json";
+import {useSettingStore} from "@/stores/api/setting/setting";
 
-import {useRoleMode} from "@/stores/api/roleMenu";
-import {useMenu} from "@/stores/api/menu";
-import {useTypeUser} from "@/stores/api/typeUser";
+const {getTypeUser, getMenu, postRoleUserMenu} = useSettingStore();
+const {listMenu, listTypeUser, roleMenuById,} = storeToRefs(useSettingStore());
 
-const {getMenu} = useMenu();
-const {getTypeUser} = useTypeUser();
-
-const {roleMenuById} = storeToRefs(useRoleMode());
-const {listMenu} = storeToRefs(useMenu());
-const {listTypeUser} = storeToRefs(useTypeUser());
 const data = ref<any>([]);
 const menuItem = ref<any>([]);
 const type_user = ref<any>([]);
@@ -34,12 +25,13 @@ const dataMenu = async () => {
       );
       return {
         _id: role_menu._id,
+        idTipeUser: type_user.value._id,
         menu: menuItem?.value.display || "-",
         type_user: type_user?.value.display || "-",
         accessAdd: role_menu.access?.[0]?.add || 0,
-        accessUpdate: role_menu.access?.[1]?.update || 0,
-        accessRead: role_menu.access?.[2]?.read || 0,
-        accessDelete: role_menu.access?.[3]?.delete || 0,
+        accessUpdate: role_menu.access?.[0]?.update || 0,
+        accessRead: role_menu.access?.[0]?.read || 0,
+        accessDelete: role_menu.access?.[0]?.delete || 0,
       };
     });
   } else {
@@ -58,6 +50,7 @@ const checkMenu = () => {
     arr.forEach((i: any, index: number) => {
       data.value.push({
         _id: `${index + 1}`,
+        idTipeUser: type_user.value._id,
         menu: i.display,
         accessAdd: 0,
         accessUpdate: 0,
@@ -68,12 +61,58 @@ const checkMenu = () => {
   }
 }
 
+const onChange = (newValue, oldValue, el$) => {
+}
+// const onSubmit = async () => {
+//   const formData = dataDetail.value?.form$.data;
+//   const result = data.value.map(menu => ({
+//     id: menu._id,
+//     menuName: formData[`menu_${menu._id}`]?.name,
+//     // ... akses data lainnya ...
+//   }));
+//
+//   console.log("Data terstruktur:", result);
+// };
 const onSubmit = async () => {
-  console.log("ini disimpan:", dataDetail.value?.form$.data);
-};
+  // try {
+  const formData = dataDetail.value?.form$.data
+
+  // Struktur data untuk dikirim ke backend
+  const payload = {
+    type_user_id: formData.idTipeUser, // ID tipe user dari hidden field
+    menus: data.value.map(menu => ({
+      menu_id: menu._id,
+      menu_name: formData[`name_menu_${menu._id}`], // Nama menu dari static element
+      access: [
+        {type: 'add', value: formData[`accessAdd_${menu._id}`] || '0'},
+        {type: 'update', value: formData[`accessUpdate_${menu._id}`] || '0'},
+        {type: 'read', value: formData[`accessRead_${menu._id}`] || '0'},
+        {type: 'delete', value: formData[`accessDelete_${menu._id}`] || '0'}
+      ]
+    }))
+  }
+
+  // console.log('Data yang dikirim:', payload)
+  await postRoleUserMenu(payload)
+  // Panggil action dari store untuk mengirim data ke backend
+  // const response = await saveRoleMenu(payload)
+
+  // Handle response dari backend
+  // if (response.success) {
+  //   alert('Data berhasil disimpan!')
+  //   // Refresh data jika perlu
+  //   data.value = await dataMenu()
+  // } else {
+  //   alert('Gagal menyimpan data: ' + response.message)
+  // }
+  // } catch (error) {
+  //   console.error('Error saat menyimpan data:', error)
+  //   alert('Terjadi kesalahan saat menyimpan data')
+  // }
+}
 onMounted(async () => {
   data.value = await dataMenu();
-  console.log(checkMenu())
+  checkMenu()
   console.log('aaaaa', data.value);
 });
 
@@ -104,20 +143,89 @@ const createCheckbox = (namePrefix: string, menu: any) => {
 let count = 0
 const createMenuRow = (menu: any) => {
   count += 1; // Use the current counter value and then increment it
-  return [
+  const multiElement = {
+    nama_menu: {
+      name: 'name_menu',
+      type: 'static',
+      content: menu.menu,
+      builder: {
+        type: 'p',
+      },
+    },
+    [`idMenu_${menu._id}`]: {
+      type: 'hidden',
+      default: menu._id,
+      builder: {
+        type: 'text',
+      },
+    },
+    idTipeUser: {
+      type: 'hidden',
+      default: menu.idTipeUser,
+      builder: {
+        type: 'text',
+      },
+    },
+  }
+  console.log(multiElement)
+
+  const result = [
     [`${count}`, 1, 1],
-    [menu.menu, 1, 1],
+    [
+      {
+        name: 'container1',
+        type: 'group',
+        schema: {
+          column: {
+            name: 'column',
+            type: 'group',
+            schema: multiElement
+          },
+        },
+        builder: {
+          type: 'container2',
+          label: '2 columns',
+        },
+      },
+      1,
+      1
+    ],
     [createCheckbox('accessAdd', menu), 1, 1],
     [createCheckbox('accessUpdate', menu), 1, 1],
     [createCheckbox('accessRead', menu), 1, 1],
     [createCheckbox('accessDelete', menu), 1, 1]
   ]
+  // console.log(result)
+
+  return result
 }
+
+// const checkMenu = () => {
+//   // Filter the listMenu based on roleMenuById
+//   var arr = listMenu.value.filter((i: any) =>
+//       !roleMenuById.value.data ||
+//       !roleMenuById.value.data.map((r: any) => r.menu_id).includes(i._id)
+//   );
+//   // Check if arr is not empty or roleMenuById.value.data is null
+//   if (arr.length !== 0 || !roleMenuById.value.data) {
+//     arr.forEach((i: any, index: number) => {
+//       data.value.push({
+//         _id: `${index + 1}`,
+//         menu: i.display,
+//         accessAdd: 0,
+//         accessUpdate: 0,
+//         accessRead: 0,
+//         accessDelete: 0
+//       });
+//     });
+//   }
+// }
 </script>
 
 <template>
   <div class="d-flex flex-column gap-1 mx-1 pa-7 pt-0 pb-0">
     <Vueform ref="dataDetail" validate-on="change|step" method="post" :endpoint="onSubmit">
+      <!--      <v-text-field v-model="data[0].idTipeUser"></v-text-field>-->
       <GridElement
           name="gridTable"
           :widths="['80px', '','90px','90px','90px','90px']"
@@ -125,24 +233,24 @@ const createMenuRow = (menu: any) => {
           :cols="6"
           :rows="1+data.length"
           :grid="[
-        [
-          ['No', 1, 1, null, null],
-          ['Nama Menu', 1, 1, null, null],
-          ['Tambah', 1, 1, null, null],
-          ['Ubah', 1, 1, null, null],
-          ['Baca', 1, 1, null, null],
-          ['Hapus', 1, 1, null, null],
-        ],
-        ...data.map((menu:any) => createMenuRow(menu))
-      ]"
+                    [
+                      ['No', 1, 1, null, null],
+                      ['Nama Menu', 1, 1, null, null],
+                      ['Tambah', 1, 1, null, null],
+                      ['Ubah', 1, 1, null, null],
+                      ['Baca', 1, 1, null, null],
+                      ['Hapus', 1, 1, null, null],
+                    ],
+                    ...data.map((menu:any) => createMenuRow(menu))
+                  ]"
+      />
+      <ButtonElement
+          class="mt-6"
+          name="primaryButton"
+          button-label="Simpan"
+          :submits="true"
+          align="right"
       />
-        <ButtonElement
-            class="mt-6"
-            name="primaryButton"
-            button-label="Simpan"
-            :submits="true"
-            align="right"
-        />
 
     </Vueform>
   </div>
diff --git a/components/Master/formDetail1_copy.vue b/components/Master/formDetail1_copy.vue
new file mode 100644
index 0000000..1d2ad76
--- /dev/null
+++ b/components/Master/formDetail1_copy.vue
@@ -0,0 +1,213 @@
+<script setup lang="ts">
+import {useSettingStore} from "@/stores/api/setting/setting";
+
+const {getTypeUser, getMenu} = useSettingStore();
+const {listMenu, listTypeUser, roleMenuById} = storeToRefs(useSettingStore());
+
+const data = ref<any>([]);
+const menuItem = ref<any>([]);
+const type_user = ref<any>([]);
+const dataDetail = ref(null)
+
+const dataMenu = async () => {
+  await Promise.all([
+    getMenu(),
+    getTypeUser()
+  ])
+  // filtering role akses menu terhadap tipe user
+  if (roleMenuById.value.data != null && roleMenuById.value.data != "") {
+    return roleMenuById.value.data.map((role_menu: any) => {
+      menuItem.value = listMenu.value.find(
+          (menu: any) => menu._id == role_menu.menu_id
+      );
+      type_user.value = listTypeUser.value.find(
+          (type_user: any) => type_user._id == role_menu.type_user_id
+      );
+      return {
+        _id: role_menu._id,
+        idTipeUser: type_user.value._id,
+        menu: menuItem?.value.display || "-",
+        type_user: type_user?.value.display || "-",
+        accessAdd: role_menu.access?.[0]?.add || 0,
+        accessUpdate: role_menu.access?.[1]?.update || 0,
+        accessRead: role_menu.access?.[2]?.read || 0,
+        accessDelete: role_menu.access?.[3]?.delete || 0,
+      };
+    });
+  } else {
+    checkMenu()
+  }
+};
+
+const checkMenu = () => {
+  // Filter the listMenu based on roleMenuById
+  var arr = listMenu.value.filter((i: any) =>
+      !roleMenuById.value.data ||
+      !roleMenuById.value.data.map((r: any) => r.menu_id).includes(i._id)
+  );
+  // Check if arr is not empty or roleMenuById.value.data is null
+  if (arr.length !== 0 || !roleMenuById.value.data) {
+    arr.forEach((i: any, index: number) => {
+      data.value.push({
+        _id: `${index + 1}`,
+        idTipeUser: type_user.value._id,
+        menu: i.display,
+        accessAdd: 0,
+        accessUpdate: 0,
+        accessRead: 0,
+        accessDelete: 0
+      });
+    });
+  }
+}
+
+const onChange = (newValue, oldValue, el$) => {
+}
+const onSubmit = async () => {
+  console.log("ini disimpan:", dataDetail.value?.form$.data);
+};
+onMounted(async () => {
+  data.value = await dataMenu();
+  checkMenu()
+  console.log('aaaaa', data.value);
+});
+
+
+// Helper function to create checkbox config
+const createCheckbox = (namePrefix: string, menu: any) => {
+  const accessMap = {
+    accessAdd: menu.accessAdd,
+    accessUpdate: menu.accessUpdate,
+    accessRead: menu.accessRead,
+    accessDelete: menu.accessDelete
+  };
+  return {
+    name: `${namePrefix}_${menu._id}`,
+    type: 'checkbox',
+    text: 'Ya',
+    default: accessMap[namePrefix] !== undefined ? accessMap[namePrefix] : 0,
+    'true-value': "1",
+    'false-value': "0",
+    builder: {
+      type: 'checkbox',
+      label: 'Checkbox'
+    }
+  };
+};
+
+// Helper function to create a menu row
+let count = 0
+const createMenuRow = (menu: any) => {
+  count += 1; // Use the current counter value and then increment it
+  const multiElement = {
+    nama_menu: {
+      name: 'name_menu',
+      type: 'static',
+      content: menu.menu,
+      builder: {
+        type: 'p',
+      },
+    },
+    id_menu: {
+      type: 'text',
+      default: menu._id,
+      builder: {
+        type: 'text',
+      },
+    },
+    idTipeUser: {
+      type: 'hidden',
+      default: menu.idTipeUser,
+      builder: {
+        type: 'text',
+      },
+    },
+  }
+  console.log(multiElement)
+
+  const result = [
+    [`${count}`, 1, 1],
+    [
+      {
+        name: 'container1',
+        type: 'group',
+        schema: {
+          column: {
+            name: 'column',
+            type: 'group',
+            schema: multiElement
+          },
+        },
+        builder: {
+          type: 'container2',
+          label: '2 columns',
+        },
+      },
+      1,
+      1
+    ],
+    [createCheckbox('accessAdd', menu), 1, 1],
+    [createCheckbox('accessUpdate', menu), 1, 1],
+    [createCheckbox('accessRead', menu), 1, 1],
+    [createCheckbox('accessDelete', menu), 1, 1]
+  ]
+  // console.log(result)
+
+  return result
+}
+
+// const checkMenu = () => {
+//   // Filter the listMenu based on roleMenuById
+//   var arr = listMenu.value.filter((i: any) =>
+//       !roleMenuById.value.data ||
+//       !roleMenuById.value.data.map((r: any) => r.menu_id).includes(i._id)
+//   );
+//   // Check if arr is not empty or roleMenuById.value.data is null
+//   if (arr.length !== 0 || !roleMenuById.value.data) {
+//     arr.forEach((i: any, index: number) => {
+//       data.value.push({
+//         _id: `${index + 1}`,
+//         menu: i.display,
+//         accessAdd: 0,
+//         accessUpdate: 0,
+//         accessRead: 0,
+//         accessDelete: 0
+//       });
+//     });
+//   }
+// }
+</script>
+
+<template>
+  <div class="d-flex flex-column gap-1 mx-1 pa-7 pt-0 pb-0">
+    <Vueform ref="dataDetail" validate-on="change|step" method="post" :endpoint="onSubmit">
+      <!--      <v-text-field v-model="data[0].idTipeUser"></v-text-field>-->
+                  <GridElement
+                      name="gridTable"
+                      :widths="['80px', '','90px','90px','90px','90px']"
+                      :presets="['grid']"
+                      :cols="6"
+                      :rows="1+data.length"
+                      :grid="[
+                    [
+                      ['No', 1, 1, null, null],
+                      ['Nama Menu', 1, 1, null, null],
+                      ['Tambah', 1, 1, null, null],
+                      ['Ubah', 1, 1, null, null],
+                      ['Baca', 1, 1, null, null],
+                      ['Hapus', 1, 1, null, null],
+                    ],
+                    ...data.map((menu:any) => createMenuRow(menu))
+                  ]"
+                  />
+      <ButtonElement
+          class="mt-6"
+          name="primaryButton"
+          button-label="Simpan"
+          :submits="true"
+          align="right"
+      />
+
+    </Vueform>
+  </div>
+</template>
diff --git a/components/Master/formTypeUser.vue b/components/Master/formTypeUser.vue
index 1803f45..95a2797 100644
--- a/components/Master/formTypeUser.vue
+++ b/components/Master/formTypeUser.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 const data = ref(null)
-import {useTypeUser} from "@/stores/api/typeUser"
-const {getTypeUser} = useTypeUser()
+import {useSettingStore} from "@/stores/api/setting/setting"
+const {getTypeUser} = useSettingStore()
 
 const onSubmit = async() => {
     // console.log("ini disimpan:",data.value?.data.typeUser);
diff --git a/components/auth/LoginForm.vue b/components/auth/LoginForm.vue
index 8f55a28..4b6f014 100644
--- a/components/auth/LoginForm.vue
+++ b/components/auth/LoginForm.vue
@@ -1,11 +1,14 @@
 <script setup lang="ts">
 import { ref } from 'vue';
+import {useSession} from 'h3'
 const { $encodeBase64 } = useNuxtApp();
 
 const loginKeycloack = async () => {
     const cookies = useCookie('user_token');
     try {
         const response = await $fetch('/api/auth/login', { method: 'POST', mode: 'no-cors' }).then((response) => {
+          console.log(response);
+          useSession(event,{password:'80d42cfb-1cd2-462c-8f17-e3237d9027e9'})
             if (response.callbackURL !== null || response.callbackURL !== undefined || response.callbackURL !== '') {
                 cookies.value = $encodeBase64('ini_token_user');
                 window.location.href = response.callbackURL
diff --git a/layouts/default.vue b/layouts/default.vue
index 27aa8a5..60a6bae 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -13,7 +13,7 @@ useHead({
   },
 });
 
-const { session, refresh, update, reset, overwrite } = await useSession()
+// const { session, refresh, update, reset, overwrite } = await useSession()
 const { $encodeBase64, $decodeBase64 } = useNuxtApp();
 const sidebarMenu = ref('');
 const sessionState = ref('');
@@ -54,7 +54,7 @@ const response = $fetch(`${issuer.value}/protocol/openid-connect/token`, {
       })
         .then((response) => {
           localStorage.setItem('sidebarItems', $encodeBase64(JSON.stringify(response)))
-          update({ 'user_login': response })
+          // update({ 'user_login': response })
           // overwrite({ 'sidebarItems': response })
           sidebarMenu.value = response.items
         }).catch((err) => {
@@ -76,7 +76,7 @@ const response = $fetch(`${issuer.value}/protocol/openid-connect/token`, {
 
 function loadSidebarItemLocalStorage() {
   const as = JSON.parse($decodeBase64(localStorage.getItem('sidebarItems')))
-  console.log(session.value)
+  // console.log(session.value)
   console.log('sdadsd')
   sidebarMenu.value = as.items
   // sidebarMenu.value = session.value.user_login.items
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 71abbd2..37481c8 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -50,15 +50,12 @@ export default defineNuxtConfig({
   // },
 
   runtimeConfig: {
-    // auth: {
-    //   origin: process.env.NUXT_AUTH_ORIGIN || 'http://localhost:3000'
-    // },
     public: {
-      keycloakUrl: 'https://auth.rssa.top',
-      keycloakRealm: 'sandbox',
-      keycloakClient: 'keuangan-davila',
-      keycloakSecretKey: '32HslhZ8Hn97SsbxcmowhXvmNZ9cPGNE',
-      keycloakRedirectURI: 'http://localhost:3000',
+      keycloakUrl: process.env.KEYCLOAK_URL,
+      keycloakRealm: process.env.KEYCLOAK_REALM,
+      keycloakClient: process.env.KEYCLOAK_CLIENT,
+      keycloakSecretKey: process.env.KEYCLOAK_SECRET,
+      keycloakRedirectURI: process.env.KEYCLOAK_REDIRECT_URL,
       // keycloakUrl: 'https://auth.rssa.top',
       // keycloakRealm: 'sandbox',
       // keycloakClient: 'keuangan-firman',
diff --git a/package.json b/package.json
index 25ecf31..3b586cc 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
     "openid-client": "^5.7.1",
     "pinia": "^3.0.2",
     "sass": "1.70.0",
+    "sweetalert2": "^11.22.0",
     "vue": "3.5.13",
     "vue-tabler-icons": "2.21.0",
     "vue3-apexcharts": "1.5.2",
diff --git a/pages/Setting/typeUser/index.vue b/pages/Setting/typeUser/index.vue
index efa6398..e8175b4 100644
--- a/pages/Setting/typeUser/index.vue
+++ b/pages/Setting/typeUser/index.vue
@@ -1,29 +1,19 @@
 <script setup lang="ts">
-// import encounter from "@/data/dummy/encounter.json";
-// import typeUser from "@/data/dummy/keuangan.type_user.json";
-import role_menu from "@/data/dummy/keuangan.role_menu.json";
-import menu from "@/data/dummy/keuangan.menu.json";
 import { ref } from "vue";
-import {useTypeUser} from "@/stores/api/typeUser"
-import {useRoleMode} from "@/stores/api/roleMenu"
+import {useSettingStore} from "@/stores/api/setting/setting"
 
-const {getTypeUser} = useTypeUser()
-const {getRoleMenuById} = useRoleMode()
+const {getTypeUser,getRoleMenuById} = useSettingStore()
+const {listTypeUser,typeUser} =storeToRefs(useSettingStore())
 
-const {listTypeUser} =storeToRefs(useTypeUser())
-const {typeUser} =storeToRefs(useRoleMode())
 
 const state = ref(false)
 const type = ref('')
 const detailType = async(item:any) => {
-  // console.log(item._id); //simpan pinia
+  //simpan pinia
   await getRoleMenuById(item._id)
   type.value='detail'
   state.value= true
-  // navigateTo(`/Setting/typeUser/HakAkses`);
 };
-// const dialog = ref(false);
-// const detail = ref(false);
 onMounted(async() => {
   await getTypeUser()
   // console.log(listTypeUser);
@@ -43,7 +33,7 @@ onMounted(async() => {
           </v-col>
         </template>
         <template v-else>
-          <div class="d-flex justify-content-center align-items-center">
+          <div class="d-flex justify-content-center align-items-center ml-3">
             <p>Tidak ada Pasien</p>
           </div>
         </template>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 81feb46..2233da8 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,6 +50,9 @@ dependencies:
   sass:
     specifier: 1.70.0
     version: 1.70.0
+  sweetalert2:
+    specifier: ^11.22.0
+    version: 11.22.0
   vue:
     specifier: 3.5.13
     version: 3.5.13(typescript@5.8.3)
@@ -9502,6 +9505,10 @@ packages:
       csso: 5.0.5
       picocolors: 1.1.1
 
+  /sweetalert2@11.22.0:
+    resolution: {integrity: sha512-pSMuRGDULhh+wrFkO22O0YsIXxs8yFE0O+WVYXcqc/sTa1oRnf0JlR+vfQIRY1QM1UeFfnCjyw6DYnG75/oxiQ==}
+    dev: false
+
   /symbol@0.2.3:
     resolution: {integrity: sha512-IUW+ek7apEaW5bFhS6WpYoNtVpNTlNoqB/PH7YiMWQTxSPeXCzG4PILVakwXivJt3ZXWeO1fIJnUd/L9A/VeGA==}
     dev: false
diff --git a/server/api/auth/login.js b/server/api/auth/login.js
index 61aa89a..1836fbf 100644
--- a/server/api/auth/login.js
+++ b/server/api/auth/login.js
@@ -1,5 +1,4 @@
 import client from "~/server/utils/auth";
-import { sendRedirect } from 'h3';
 import cors from 'cors';
 
 export default defineEventHandler(async (event) => {
@@ -66,7 +65,7 @@ export default defineEventHandler(async (event) => {
     //   });
     // }
     // }
-    console.log(authorizationUrl)
+    // console.log(authorizationUrl)
 
     return { callbackURL: authorizationUrl }
     // return { callbackURL: authorizationUrl+`&response_type=${responseType}&scope=${scope}` }
diff --git a/server/api/setting/postRoleMenuUser.ts b/server/api/setting/postRoleMenuUser.ts
new file mode 100644
index 0000000..d2d8aa0
--- /dev/null
+++ b/server/api/setting/postRoleMenuUser.ts
@@ -0,0 +1,8 @@
+export default defineEventHandler(async (event) => {
+  const res = await $fetch(`http://10.10.150.131:8080/api/menu/type`, {
+    method: "GET",
+    headers: {"Content-Type": "application/json"}
+  })
+  // console.log(res)
+  return res
+})
diff --git a/server/api/sidebarItem.ts b/server/api/sidebarItem.ts
index 2b6b7f2..1f6be22 100644
--- a/server/api/sidebarItem.ts
+++ b/server/api/sidebarItem.ts
@@ -2,7 +2,7 @@ import axios from "axios";
 
 export default defineEventHandler(async (event) => {
   const read_body = await readBody(event)
-  console.log(`ini ${read_body}`)
+  // console.log(`ini ${read_body}`)
   try {
     const response = await axios.get(`http://10.10.150.131:8080/api/login/${read_body.key}`)
     // console.log(response.data.data)
diff --git a/stores/api/setting/setting.ts b/stores/api/setting/setting.ts
new file mode 100644
index 0000000..47edaf3
--- /dev/null
+++ b/stores/api/setting/setting.ts
@@ -0,0 +1,65 @@
+import {defineStore} from "pinia";
+
+export const useSettingStore = defineStore("SettingStore", () => {
+  const listMenu = ref<any>([]);
+  const getMenu = async () => {
+    await $fetch("/api/menu/listMenu", {
+      // mode: "no-cors",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      method: "GET",
+    })
+      .then((res) => {
+        listMenu.value = res
+        console.log(listMenu.value);
+      });
+  };
+
+
+  const typeUser = ref<any>([]);
+  const roleMenuById = ref<any>([]);
+  const getRoleMenuById = async (body: Record<string, any>) => {
+    typeUser.value = body;
+
+    await $fetch(`/api/roleMenu/roleMenu`, {
+      // mode: "no-cors",
+      headers: {
+        "Content-Type": "application/json",
+      },
+      method: "POST",
+      body: JSON.stringify(body),
+    }).then((res) => {
+      roleMenuById.value = res;
+    });
+  };
+
+  const listTypeUser = ref<any>([]);
+  const getTypeUser = async () => {
+    await $fetch("/api/typeUser/listTypeUser", {
+      //  mode: 'no-cors',
+      //     headers: {
+      //         'Access-Control-Allow-Origin': '*',
+      //         Accept: 'application/json',
+      //         'Content-Type': 'application/json',
+      //     },
+      method:"GET",
+    })
+      .then((res) => {
+        listTypeUser.value = res
+      });
+  };
+
+  const postRoleUserMenu = async (body: Record<string, any>) => {
+    console.log('asdasdasd',body)
+    await $fetch(`/api/setting/postRoleMenuUserMenu`, {
+      method:'POST',
+      headers:{'Content-Type': 'application/json'},
+      body:JSON.stringify(body)
+    })
+      .then((res) => {console.log('success')})
+      .catch((err) => {console.log(err)})
+  }
+
+  return {getMenu,getRoleMenuById,getTypeUser,postRoleUserMenu, listMenu,roleMenuById, typeUser,listTypeUser};
+})
\ No newline at end of file
diff --git a/utils/helper.ts b/utils/helper.ts
new file mode 100644
index 0000000..871f14a
--- /dev/null
+++ b/utils/helper.ts
@@ -0,0 +1,40 @@
+import Swal from 'sweetalert2';
+
+
+export function formatDate(date:string) {
+  const options = { year: 'numeric', month: 'long', day: 'numeric',locale: 'id-ID' };
+  return new Date(date).toLocaleDateString('id-ID', options);
+}
+export function getDateNow(){
+  const now = new Date();
+  const formattedDate = `${now.getFullYear()}-${(now.getMonth()+1).toString().padStart(2, '0')}-${now.getDate().toString().padStart(2, '0')}`;
+  // console.log(formattedDate); // Contoh output: "2025-05-07"
+  return formattedDate;
+}
+export function capitalizeEachWord(text:string) {
+  // const lowercase = text.toLowerCase();
+  // return lowercase.charAt(0).toUpperCase() + lowercase.slice(1);
+  return text
+    .toLowerCase()
+    .split(' ')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+}
+export function confirmAlert(message: string,subtitle:string,type: string) {
+  Swal.fire({
+    title: message,
+    text: subtitle,
+    icon: type,
+    // confirmButtonText: 'Cool'
+  })
+}
+export function sweetalert(message: string,subtitle:string,type: string) {
+  Swal.fire({
+    position: "center",
+    icon: type,
+    title: message,
+    text: subtitle,
+    showConfirmButton: false,
+    timer: 3500
+  });
+}
\ No newline at end of file