Merge branch 'dev' of https://git.codelfi.com/TelemedPro/hgh_admin into dev

.eslintrc-auto-import.json

@@ -352,6 +352,11 @@
     "watchThrottled": true,
     "watchTriggerable": true,
     "watchWithFilter": true,
-    "whenever": true
+    "whenever": true,
+    "validUSAPhone": true,
+    "requiredPhone": true,
+    "requiredFirstName": true,
+    "requiredLastName": true,
+    "requiredEmail": true
   }
 }

auto-imports.d.ts

@@ -121,6 +121,10 @@ declare global {
   const refWithControl: typeof import('@vueuse/core')['refWithControl']
   const regexValidator: typeof import('./resources/js/@core/utils/validators.js')['regexValidator']
   const registerPlugins: typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']
+  const requiredEmail: typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']
+  const requiredFirstName: typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']
+  const requiredLastName: typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']
+  const requiredPhone: typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']
   const requiredValidator: typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']
   const resolveComponent: typeof import('vue')['resolveComponent']
   const resolveRef: typeof import('@vueuse/core')['resolveRef']
@@ -331,6 +335,7 @@ declare global {
   const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
   const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
   const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
+  const validUSAPhone: typeof import('./resources/js/@core/utils/validators.js')['validUSAPhone']
   const watch: typeof import('vue')['watch']
   const watchArray: typeof import('@vueuse/core')['watchArray']
   const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
@@ -475,6 +480,10 @@ declare module 'vue' {
     readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
     readonly regexValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['regexValidator']>
     readonly registerPlugins: UnwrapRef<typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']>
+    readonly requiredEmail: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']>
+    readonly requiredFirstName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']>
+    readonly requiredLastName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']>
+    readonly requiredPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']>
     readonly requiredValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']>
     readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
     readonly resolveRef: UnwrapRef<typeof import('@vueuse/core')['resolveRef']>
@@ -685,6 +694,7 @@ declare module 'vue' {
     readonly useWindowFocus: UnwrapRef<typeof import('@vueuse/core')['useWindowFocus']>
     readonly useWindowScroll: UnwrapRef<typeof import('@vueuse/core')['useWindowScroll']>
     readonly useWindowSize: UnwrapRef<typeof import('@vueuse/core')['useWindowSize']>
+    readonly validUSAPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['validUSAPhone']>
     readonly watch: UnwrapRef<typeof import('vue')['watch']>
     readonly watchArray: UnwrapRef<typeof import('@vueuse/core')['watchArray']>
     readonly watchAtMost: UnwrapRef<typeof import('@vueuse/core')['watchAtMost']>
@@ -822,6 +832,10 @@ declare module '@vue/runtime-core' {
     readonly refWithControl: UnwrapRef<typeof import('@vueuse/core')['refWithControl']>
     readonly regexValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['regexValidator']>
     readonly registerPlugins: UnwrapRef<typeof import('./resources/js/@core/utils/plugins.js')['registerPlugins']>
+    readonly requiredEmail: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredEmail']>
+    readonly requiredFirstName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredFirstName']>
+    readonly requiredLastName: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredLastName']>
+    readonly requiredPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredPhone']>
     readonly requiredValidator: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['requiredValidator']>
     readonly resolveComponent: UnwrapRef<typeof import('vue')['resolveComponent']>
     readonly resolveRef: UnwrapRef<typeof import('@vueuse/core')['resolveRef']>
@@ -1032,6 +1046,7 @@ declare module '@vue/runtime-core' {
     readonly useWindowFocus: UnwrapRef<typeof import('@vueuse/core')['useWindowFocus']>
     readonly useWindowScroll: UnwrapRef<typeof import('@vueuse/core')['useWindowScroll']>
     readonly useWindowSize: UnwrapRef<typeof import('@vueuse/core')['useWindowSize']>
+    readonly validUSAPhone: UnwrapRef<typeof import('./resources/js/@core/utils/validators.js')['validUSAPhone']>
     readonly watch: UnwrapRef<typeof import('vue')['watch']>
     readonly watchArray: UnwrapRef<typeof import('@vueuse/core')['watchArray']>
     readonly watchAtMost: UnwrapRef<typeof import('@vueuse/core')['watchAtMost']>

package-lock.json

@@ -24,6 +24,8 @@
         "@vueuse/core": "^10.5.0",
         "@vueuse/math": "^10.5.0",
         "apexcharts": "3.37.0",
+        "axios": "^1.7.2",
+        "axios-mock-adapter": "^1.21.4",
         "chart.js": "^4.4.0",
         "cookie-es": "^1.0.0",
         "eslint-import-resolver-custom-alias": "^1.3.2",
@@ -46,6 +48,7 @@
         "vue3-apexcharts": "^1.4.4",
         "vue3-perfect-scrollbar": "^1.6.1",
         "vuetify": "3.4.4",
+        "vuex": "^4.0.2",
         "webfontloader": "^1.6.28"
       },
       "devDependencies": {
@@ -981,7 +984,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "aix"
@@ -997,7 +999,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -1013,7 +1014,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -1029,7 +1029,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -1045,7 +1044,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -1061,7 +1059,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -1077,7 +1074,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -1093,7 +1089,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -1109,7 +1104,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1125,7 +1119,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1141,7 +1134,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1157,7 +1149,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1173,7 +1164,6 @@
       "cpu": [
         "mips64el"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1189,7 +1179,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1205,7 +1194,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1221,7 +1209,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1237,7 +1224,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -1253,7 +1239,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "netbsd"
@@ -1269,7 +1254,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "openbsd"
@@ -1285,7 +1269,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "sunos"
@@ -1301,7 +1284,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -1317,7 +1299,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -1333,7 +1314,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -2025,7 +2005,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -2038,7 +2017,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -2051,7 +2029,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -2064,7 +2041,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -2077,7 +2053,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2090,7 +2065,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2103,7 +2077,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2116,7 +2089,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2129,7 +2101,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2142,7 +2113,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2155,7 +2125,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2168,7 +2137,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2181,7 +2149,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -2194,7 +2161,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -2207,7 +2173,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -2220,7 +2185,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -2808,7 +2772,7 @@
       "version": "20.12.12",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-20.12.12.tgz",
       "integrity": "sha512-eWLDGF/FOSPtAvEqeRAQ4C8LSA7M1I7i0ky1I8U7kD1J5ITyW3AsRhQrKVoWf5pFKZ2kILsEGJhsI9r93PYnOw==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "undici-types": "~5.26.4"
       }
@@ -3899,6 +3863,11 @@
         "node": ">=8"
       }
     },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q=="
+    },
     "node_modules/available-typed-arrays": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/available-typed-arrays/-/available-typed-arrays-1.0.7.tgz",
@@ -3913,6 +3882,28 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/axios": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.7.2.tgz",
+      "integrity": "sha512-2A8QhOMrbomlDuiLeK9XibIBzuHeRcqqNOHp0Cyp5EoJ1IFDh+XZH3A6BkXtv0K4gFGCI0Y4BM7B1wOEi0Rmgw==",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.0",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/axios-mock-adapter": {
+      "version": "1.22.0",
+      "resolved": "https://registry.npmjs.org/axios-mock-adapter/-/axios-mock-adapter-1.22.0.tgz",
+      "integrity": "sha512-dmI0KbkyAhntUR05YY96qg2H6gg0XMl2+qTW0xmYg6Up+BFBAJYRLROMXRdDEL06/Wqwa0TJThAYvFtSFdRCZw==",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.3",
+        "is-buffer": "^2.0.5"
+      },
+      "peerDependencies": {
+        "axios": ">= 0.17.0"
+      }
+    },
     "node_modules/babel-walk": {
       "version": "3.0.0-canary-5",
       "resolved": "https://registry.npmjs.org/babel-walk/-/babel-walk-3.0.0-canary-5.tgz",
@@ -4566,6 +4557,17 @@
       "resolved": "https://registry.npmjs.org/colord/-/colord-2.9.3.tgz",
       "integrity": "sha512-jeC1axXpnb0/2nn/Y1LPuLdgXBLH7aDcHu4KEKfqw3CUhX7ZpfBSlPKyqXE6btIgEzfWtrX3/tyBCaCvXvMkOw=="
     },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
     "node_modules/commander": {
       "version": "7.2.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-7.2.0.tgz",
@@ -5211,6 +5213,14 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
     "node_modules/destr": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/destr/-/destr-2.0.3.tgz",
@@ -6962,6 +6972,25 @@
       "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.1.tgz",
       "integrity": "sha512-X8cqMLLie7KsNUDSdzeN8FYK9rEt4Dt67OsG/DNGnYTSDBG4uFAJFBnUeiV+zCVAvwFy56IjM9sH51jVaEhNxw=="
     },
+    "node_modules/follow-redirects": {
+      "version": "1.15.6",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.6.tgz",
+      "integrity": "sha512-wWN62YITEaOpSK584EZXJafH1AGpO8RVgElfkuXbTOrPX4fIfOyEpW/CsiNd8JdYrAoOvafRTOEnvsO++qCqFA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/for-each": {
       "version": "0.3.3",
       "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.3.tgz",
@@ -6970,6 +6999,19 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/form-data": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
+      "integrity": "sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
     "node_modules/fs-extra": {
       "version": "11.2.0",
       "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
@@ -7523,7 +7565,7 @@
       "version": "4.3.6",
       "resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.6.tgz",
       "integrity": "sha512-Ju0+lEMyzMVZarkTn/gqRpdqd5dOPaz1mCZ0SH3JV6iFw81PldE/PEB1hWVEA288HPt4WXW8O7AWxB10M+03QQ==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/import-fresh": {
       "version": "3.3.0",
@@ -7800,6 +7842,28 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/is-buffer": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-2.0.5.tgz",
+      "integrity": "sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/is-builtin-module": {
       "version": "3.2.1",
       "resolved": "https://registry.npmjs.org/is-builtin-module/-/is-builtin-module-3.2.1.tgz",
@@ -8914,6 +8978,25 @@
         "node": ">=8.6"
       }
     },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
     "node_modules/mimic-fn": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz",
@@ -10773,6 +10856,11 @@
       "resolved": "https://registry.npmjs.org/protocol-buffers-schema/-/protocol-buffers-schema-3.6.0.tgz",
       "integrity": "sha512-TdDRD+/QNdrCGCE7v8340QyuXd4kIWIgapsE2+n/SaGiSSbomYl4TjHlvIoCWRpE7wFt02EpB35VVA2ImcBVqw=="
     },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg=="
+    },
     "node_modules/pug": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/pug/-/pug-3.0.3.tgz",
@@ -11484,7 +11572,7 @@
       "version": "1.77.2",
       "resolved": "https://registry.npmjs.org/sass/-/sass-1.77.2.tgz",
       "integrity": "sha512-eb4GZt1C3avsX3heBNlrc7I09nyT00IUuo4eFhAbeXWU2fvA7oXI53SxODVAA+zgZCk9aunAZgO+losjR3fAwA==",
-      "dev": true,
+      "devOptional": true,
       "dependencies": {
         "chokidar": ">=3.0.0 <4.0.0",
         "immutable": "^4.0.0",
@@ -12747,7 +12835,7 @@
       "version": "5.26.5",
       "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
       "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/unimport": {
       "version": "3.7.2",
@@ -13694,6 +13782,17 @@
         }
       }
     },
+    "node_modules/vuex": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/vuex/-/vuex-4.0.2.tgz",
+      "integrity": "sha512-M6r8uxELjZIK8kTKDGgZTYX/ahzblnzC4isU1tpmEuOIIKmV+TRdc+H4s8ds2NuZ7wpUTdGRzJRtoj+lI+pc0Q==",
+      "dependencies": {
+        "@vue/devtools-api": "^6.0.0-beta.11"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.2"
+      }
+    },
     "node_modules/w3c-keyname": {
       "version": "2.2.8",
       "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",

package.json

@@ -27,6 +27,8 @@
     "@vueuse/core": "^10.5.0",
     "@vueuse/math": "^10.5.0",
     "apexcharts": "3.37.0",
+    "axios": "^1.7.2",
+    "axios-mock-adapter": "^1.21.4",
     "chart.js": "^4.4.0",
     "cookie-es": "^1.0.0",
     "eslint-import-resolver-custom-alias": "^1.3.2",
@@ -49,6 +51,7 @@
     "vue3-apexcharts": "^1.4.4",
     "vue3-perfect-scrollbar": "^1.6.1",
     "vuetify": "3.4.4",
+    "vuex": "^4.0.2",
     "webfontloader": "^1.6.28"
   },
   "devDependencies": {
@@ -84,6 +87,7 @@
     "eslint-plugin-sonarjs": "^0.23.0",
     "eslint-plugin-unicorn": "^50.0.1",
     "eslint-plugin-vue": "^9.19.2",
+    "laravel-vite-plugin": "^1.0.0",
     "msw": "^1.3.2",
     "postcss-html": "^1.5.0",
     "postcss-scss": "^4.0.9",
@@ -103,8 +107,7 @@
     "vite-plugin-vue-layouts": "^0.10.0",
     "vite-plugin-vuetify": "2.0.1",
     "vite-svg-loader": "^5.1.0",
-    "vue-shepherd": "^3.0.0",
+    "vue-shepherd": "^3.0.0"
-    "laravel-vite-plugin": "^1.0.0"
   },
   "resolutions": {
     "postcss": "^8",

resources/js/@core/utils/validators.js

@@ -93,3 +93,34 @@ export const alphaDashValidator = value => {
   
   return /^[0-9A-Z_-]*$/i.test(valueAsString) || 'All Character are not valid'
 }
+export const validUSAPhone = value => {
+  if (isEmpty(value))
+    return true
+  const valueAsString = String(value)
+  
+  return /^\(\d{3}\)\s\d{3}-\d{4}$/i.test(valueAsString) || 'Phone are not valid'
+}
+export const requiredPhone = value => {
+  if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
+    return 'Phone is required'
+  
+  return !!String(value).trim().length || ' Phone  is required'
+}
+export const requiredFirstName = value => {
+  if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
+    return 'First Name field is required'
+  
+  return !!String(value).trim().length || 'Name is required'
+}
+export const requiredLastName = value => {
+if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
+  return 'Last Name field is required'
+
+return !!String(value).trim().length || ' Last Name is required'
+}
+export const requiredEmail = value => {
+  if (isNullOrUndefined(value) || isEmptyArray(value) || value === false)
+    return 'Email field is required'
+  
+  return !!String(value).trim().length || 'Email is required'
+}

resources/js/App.vue

@@ -1,13 +1,14 @@
 <script setup>
-import { useTheme } from 'vuetify'
 import ScrollToTop from '@core/components/ScrollToTop.vue'
 import initCore from '@core/initCore'
 import {
-  initConfigStore,
+initConfigStore,
-  useConfigStore,
+useConfigStore,
 } from '@core/stores/config'
 import { hexToRgb } from '@layouts/utils'
-
+import { useTheme } from 'vuetify'
+import { useStore } from 'vuex'
+const store = useStore()
 const { global } = useTheme()
 
 // ℹ️ Sync current theme with initial loader theme
@@ -18,6 +19,15 @@ const configStore = useConfigStore()
 </script>
 
 <template>
+  <VOverlay
+          v-model="store.getters.getIsLoading"
+          contained
+          persistent
+          scroll-strategy="none"
+          class="align-center justify-center"
+        >
+          <VProgressCircular indeterminate />
+        </VOverlay>
   <VLocaleProvider :rtl="configStore.isAppRTL">
     <!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
     <VApp :style="`--v-global-theme-primary: ${hexToRgb(global.current.value.colors.primary)}`">

resources/js/constants.js

@@ -0,0 +1,23 @@
+export const GET_BASE_PATH = ""
+let MAIN_DOMAIN = "http://127.0.0.1:8000";
+export const ADMIN_LOGIN_API = MAIN_DOMAIN + "/api/admin/login"
+
+export const PATIENT_LIST_API =  MAIN_DOMAIN + "/api/admin/patient-list"
+export const PATIENT_INFO_API =  MAIN_DOMAIN + "/api/admin/patient/"
+export const PATIENT_MEETING_LIST_API =  MAIN_DOMAIN + "/api/admin/get-meeting-history/"
+export const PATIENT_UPDATE_API =  MAIN_DOMAIN + "/api/admin/patient-update/"
+export const PATIENT_DELETE_API =  MAIN_DOMAIN + "/api/admin/patient-delete/"
+
+export const PROVIDER_LIST_API =  MAIN_DOMAIN + "/api/admin/telemed-pro-list"
+export const PROVIDER_INFO_API =  MAIN_DOMAIN + "/api/admin/telemed-pro/"
+export const PROVIDER_UPDATE_API =  MAIN_DOMAIN + "/api/admin/telemed-pro-update/"
+export const PROVIDER_DELETE_API =  MAIN_DOMAIN + "/api/admin/telemed-pro-delete/"
+
+export const LABS_LIST_API =  MAIN_DOMAIN + "/api/admin/labs-list"
+export const LABS_INFO_API =  MAIN_DOMAIN + "/api/admin/labs/"
+export const LABS_UPDATE_API =  MAIN_DOMAIN + "/api/admin/labs-update/"
+export const LABS_DELETE_API =  MAIN_DOMAIN + "/api/admin/labs-delete/"
+
+
+
+

resources/js/layouts/components/DefaultLayoutWithHorizontalNav.vue

@@ -4,12 +4,12 @@ import { themeConfig } from '@themeConfig'
 
 // Components
 import Footer from '@/layouts/components/Footer.vue'
-import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
+// import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
-import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
+// import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
-import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
+// import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
 import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
 import UserProfile from '@/layouts/components/UserProfile.vue'
-import NavBarI18n from '@core/components/I18n.vue'
+// import NavBarI18n from '@core/components/I18n.vue'
 import { HorizontalNavLayout } from '@layouts'
 import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
 
@@ -45,16 +45,16 @@ watch([
       </RouterLink>
       <VSpacer />
 
-      <NavSearchBar />
+      <!-- <NavSearchBar /> -->
 
-      <NavBarI18n
+      <!-- <NavBarI18n
         v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
         :languages="themeConfig.app.i18n.langConfig"
-      />
+      /> -->
 
       <NavbarThemeSwitcher />
-      <NavbarShortcuts />
+      <!-- <NavbarShortcuts /> -->
-      <NavBarNotifications class="me-2" />
+      <!-- <NavBarNotifications class="me-2" /> -->
       <UserProfile />
     </template>
 
@@ -77,6 +77,6 @@ watch([
     </template>
 
     <!-- 👉 Customizer -->
-    <TheCustomizer />
+    <!-- <TheCustomizer /> -->
   </HorizontalNavLayout>
 </template>

resources/js/layouts/components/DefaultLayoutWithVerticalNav.vue

@@ -1,18 +1,18 @@
 <script setup>
-import navItems from '@/navigation/vertical'
+import navItems from '@/navigation/vertical';
-import { themeConfig } from '@themeConfig'
+import { useStore } from 'vuex';
-
+const store = useStore()
 // Components
-import Footer from '@/layouts/components/Footer.vue'
+import Footer from '@/layouts/components/Footer.vue';
-import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue'
+// import NavBarNotifications from '@/layouts/components/NavBarNotifications.vue';
-import NavSearchBar from '@/layouts/components/NavSearchBar.vue'
+// import NavSearchBar from '@/layouts/components/NavSearchBar.vue';
-import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue'
+// import NavbarShortcuts from '@/layouts/components/NavbarShortcuts.vue';
-import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue'
+import NavbarThemeSwitcher from '@/layouts/components/NavbarThemeSwitcher.vue';
-import UserProfile from '@/layouts/components/UserProfile.vue'
+import UserProfile from '@/layouts/components/UserProfile.vue';
-import NavBarI18n from '@core/components/I18n.vue'
+// import NavBarI18n from '@core/components/I18n.vue';
 
 // @layouts plugin
-import { VerticalNavLayout } from '@layouts'
+import { VerticalNavLayout } from '@layouts';
 
 // SECTION: Loading Indicator
 const isFallbackStateActive = ref(false)
@@ -31,6 +31,7 @@ watch([
 </script>
 
 <template>
+  
   <VerticalNavLayout :nav-items="navItems">
     <!-- 👉 navbar -->
     <template #navbar="{ toggleVerticalOverlayNavActive }">
@@ -43,17 +44,17 @@ watch([
           <VIcon icon="ri-menu-line" />
         </IconBtn>
 
-        <NavSearchBar class="ms-lg-n2" />
+        <!-- <NavSearchBar class="ms-lg-n2" /> -->
 
         <VSpacer />
 
-        <NavBarI18n
+        <!-- <NavBarI18n
           v-if="themeConfig.app.i18n.enable && themeConfig.app.i18n.langConfig?.length"
           :languages="themeConfig.app.i18n.langConfig"
-        />
+        /> -->
         <NavbarThemeSwitcher />
-        <NavbarShortcuts />
+        <!-- <NavbarShortcuts /> -->
-        <NavBarNotifications class="me-2" />
+        <!-- <NavBarNotifications class="me-2" /> -->
         <UserProfile />
       </div>
     </template>
@@ -77,6 +78,6 @@ watch([
     </template>
 
     <!-- 👉 Customizer -->
-    <TheCustomizer />
+    <!-- <TheCustomizer /> -->
   </VerticalNavLayout>
 </template>

resources/js/layouts/components/Footer.vue

@@ -2,10 +2,10 @@
   <div class="h-100 d-flex align-center justify-space-between text-medium-emphasis">
     <!-- 👉 Footer: left content -->
     <span class="d-flex align-center">
-      &copy;
+      &copy; Copyright
       {{ new Date().getFullYear() }}
-      Made With
+      , All Rights Reserved.
-      <VIcon
+      <!-- <VIcon
         icon="ri-heart-line"
         color="error"
         size="1.25rem"
@@ -16,10 +16,10 @@
         target="_blank"
         rel="noopener noreferrer"
         class="text-primary ms-1"
-      >ThemeSelection</a>
+      >ThemeSelection</a> -->
     </span>
     <!-- 👉 Footer: right content -->
-    <span class="d-md-flex gap-x-4 text-primary d-none">
+    <!-- <span class="d-md-flex gap-x-4 text-primary d-none">
       <a
         href="https://themeselection.com/license/"
         target="noopener noreferrer"
@@ -32,6 +32,6 @@
         href="https://demos.themeselection.com/materio-vuetify-vuejs-admin-template/documentation/guide/laravel-integration/folder-structure.html"
         target="noopener noreferrer"
       >Documentation</a>
-    </span>
+    </span> -->
   </div>
 </template>

resources/js/layouts/components/UserProfile.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { PerfectScrollbar } from 'vue3-perfect-scrollbar'
+import { PerfectScrollbar } from 'vue3-perfect-scrollbar';
 
 const router = useRouter()
 const ability = useAbility()
@@ -11,6 +11,7 @@ const logout = async () => {
 
   // Remove "accessToken" from cookie
   useCookie('accessToken').value = null
+  localStorage.removeItem('admin_access_token');
 
   // Remove "userData" from cookie
   userData.value = null

resources/js/main.js

@@ -1,14 +1,15 @@
-import { createApp } from 'vue'
 import App from '@/App.vue'
 import { registerPlugins } from '@core/utils/plugins'
+import { createApp } from 'vue'
 
 // Styles
 import '@core-scss/template/index.scss'
 import '@styles/styles.scss'
+import store from './store'
 
 // Create vue app
 const app = createApp(App)
-
+app.use(store)
 
 // Register plugins
 registerPlugins(app)

resources/js/navigation/vertical/dashboard.js

@@ -1,61 +1,84 @@
 export default [
   {
-    title: 'Dashboards',
+    title: 'Dashboard',
     icon: { icon: 'ri-home-smile-line' },
-    children: [
+    to: 'admin-dashboard',
-      {
+    // children: [
-        title: 'CRM',
+    //   {
-        to: 'dashboards-crm',
+    //     title: 'CRM',
-      },
+    //     to: 'dashboards-crm',
-      {
+    //   },
-        title: 'Analytics',
+    //   {
-        to: 'dashboards-analytics',
+    //     title: 'Analytics',
-      },
+    //     to: 'dashboards-analytics',
-      {
+    //   },
-        title: 'eCommerce',
+    //   {
-        to: 'dashboards-ecommerce',
+    //     title: 'eCommerce',
-      },
+    //     to: 'dashboards-ecommerce',
-      {
+    //   },
-        title: 'Academy',
+    //   {
-        to: 'dashboards-academy',
+    //     title: 'Academy',
-      },
+    //     to: 'dashboards-academy',
-      {
+    //   },
-        title: 'Logistics',
+    //   {
-        to: 'dashboards-logistics',
+    //     title: 'Logistics',
-      },
+    //     to: 'dashboards-logistics',
-    ],
+    //   },
-    badgeContent: '5',
+    // ],
-    badgeClass: 'bg-error',
+    // badgeContent: '5',
+    // badgeClass: 'bg-error',
   },
   {
-    title: 'Front Pages',
+    title: 'Patients',
-    icon: { icon: 'ri-file-copy-line' },
+    icon: { icon: 'ri-user-line' },
-    children: [
+    to: 'admin-patients',
-      {
-        title: 'Landing',
-        to: 'front-pages-landing-page',
-        target: '_blank',
-      },
-      {
-        title: 'Pricing',
-        to: 'front-pages-pricing',
-        target: '_blank',
-      },
-      {
-        title: 'Payment',
-        to: 'front-pages-payment',
-        target: '_blank',
-      },
-      {
-        title: 'Checkout',
-        to: 'front-pages-checkout',
-        target: '_blank',
-      },
-      {
-        title: 'Help Center',
-        to: 'front-pages-help-center',
-        target: '_blank',
-      },
-    ],
   },
+
+  {
+    title: 'Providers',
+    icon: { icon: 'ri-stethoscope-line' },
+    to: 'admin-providers',
+  },
+  {
+    title: 'Labs',
+    icon: { icon: 'ri-test-tube-line' },
+    to: 'admin-labs',
+  },
+  {
+    title: 'Medicines',
+    icon: { icon: 'ri-medicine-bottle-line' },
+    to: 'admin-medicines',
+  },
+  
+  // {
+  //   title: 'Front Pages',
+  //   icon: { icon: 'ri-file-copy-line' },
+  //   children: [
+  //     {
+  //       title: 'Landing',
+  //       to: 'front-pages-landing-page',
+  //       target: '_blank',
+  //     },
+  //     {
+  //       title: 'Pricing',
+  //       to: 'front-pages-pricing',
+  //       target: '_blank',
+  //     },
+  //     {
+  //       title: 'Payment',
+  //       to: 'front-pages-payment',
+  //       target: '_blank',
+  //     },
+  //     {
+  //       title: 'Checkout',
+  //       to: 'front-pages-checkout',
+  //       target: '_blank',
+  //     },
+  //     {
+  //       title: 'Help Center',
+  //       to: 'front-pages-help-center',
+  //       target: '_blank',
+  //     },
+  //   ],
+  // },
 ]

resources/js/navigation/vertical/index.js

@@ -1,8 +1,8 @@
-import appsAndPages from './apps-and-pages'
+// import appsAndPages from './apps-and-pages'
-import charts from './charts'
+// import charts from './charts'
 import dashboard from './dashboard'
-import forms from './forms'
+// import forms from './forms'
-import others from './others'
+// import others from './others'
-import uiElements from './ui-elements'
+// import uiElements from './ui-elements'
 
-export default [...dashboard, ...appsAndPages, ...uiElements, ...forms, ...charts, ...others]
+export default [...dashboard]

resources/js/pages/dashboards/crm.vue

@@ -11,7 +11,8 @@ import CrmUpgradeYourPlan from '@/views/dashboards/crm/CrmUpgradeYourPlan.vue'
 import CrmWeeklySales from '@/views/dashboards/crm/CrmWeeklySales.vue'
 import illustration1 from '@images/cards/illustration-1.png'
 import illustration2 from '@images/cards/illustration-2.png'
-
+import { useStore } from 'vuex'
+const store = useStore()
 const cardStatisticsWithImages = [
   {
     title: 'Ratings',
@@ -39,6 +40,13 @@ const statistic = {
   change: -18,
   subtitle: 'Yearly Project',
 }
+onMounted(() => {
+  store.dispatch('updateIsLoading', false)
+
+  
+
+
+})
 </script>
 
 <template>

resources/js/pages/labs/labs.vue

@@ -0,0 +1,392 @@
+<script setup>
+
+
+
+import { useStore } from 'vuex';
+const store = useStore()
+const editDialog = ref(false)
+const deleteDialog = ref(false)
+const search = ref('')
+const defaultItem = ref({
+  id: -1,
+  avatar: '',
+  name: '',
+  email: '',
+  // dob: '',
+  phone_no: '',
+
+})
+
+const editedItem = ref(defaultItem.value)
+const editedIndex = ref(-1)
+const labsList = ref([])
+const isLoading=ref(false)
+// status options
+const selectedOptions = [
+  {
+    text: 'Active',
+    value: 1,
+  },
+  {
+    text: 'InActive',
+    value: 2,
+  },
+  
+]
+
+    const refVForm = ref(null)
+
+
+const formatPhoneNumber = () => {
+  console.log(editedItem.value)
+  // Remove non-numeric characters from the input
+  const numericValue = editedItem.value.contact_no.replace(/\D/g, '');
+
+  // Apply formatting logic
+  if (numericValue.length <= 10) {
+    editedItem.value.contact_no = numericValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+  } else {
+    // Limit the input to a maximum of 14 characters
+    const truncatedValue = numericValue.slice(0, 10);
+    editedItem.value.contact_no = truncatedValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+  }
+};
+// headers
+const headers = [
+{
+    title: 'ID',
+    key: 'id',
+  },
+  {
+    title: 'NAME',
+    key: 'name',
+  },
+  {
+    title: 'ADDRESS',
+    key: 'address',
+  },
+  // {
+  //   title: 'Date Of Birth',
+  //   key: 'dob',
+  // },
+  {
+    title: 'CONTACT',
+    key: 'contact_no',
+  },
+ 
+  {
+    title: 'ACTIONS',
+    key: 'actions',
+  },
+]
+
+const resolveStatusVariant = status => {
+  if (status === 1)
+    return {
+      color: 'primary',
+      text: 'Current',
+    }
+  else if (status === 2)
+    return {
+      color: 'success',
+      text: 'Professional',
+    }
+  else if (status === 3)
+    return {
+      color: 'error',
+      text: 'Rejected',
+    }
+  else if (status === 4)
+    return {
+      color: 'warning',
+      text: 'Resigned',
+    }
+  else
+    return {
+      color: 'info',
+      text: 'Applied',
+    }
+}
+
+const editItem = item => {
+  editedIndex.value = labsList.value.indexOf(item)
+  editedItem.value = { ...item }
+  editDialog.value = true
+}
+
+const deleteItem = item => {
+  editedIndex.value = labsList.value.indexOf(item)
+  editedItem.value = { ...item }
+  deleteDialog.value = true
+}
+
+const close = () => {
+  editDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const closeDelete = () => {
+  deleteDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const save = async () => {
+  const { valid } = await refVForm.value.validate()
+  console.log(valid)
+  if (valid) {
+    if (editedIndex.value > -1){
+      await store.dispatch('labUpdate',{
+        id: editedItem.value.id,
+        name: editedItem.value.name,
+        address: editedItem.value.address,
+        contact_no: editedItem.value.contact_no,
+      })
+      Object.assign(labsList.value[editedIndex.value], editedItem.value)
+    }else{
+      labsList.value.push(editedItem.value)
+    }
+  close()
+  }
+ 
+  
+}
+
+const deleteItemConfirm = async() => {
+  console.log('editedIndex.value',editedIndex.value,editedItem.value.id)
+  await store.dispatch('labDelete',{
+    id: editedItem.value.id
+  })
+  labsList.value.splice(editedIndex.value, 1)
+  closeDelete()
+}
+const getlabsList = computed(async () => {
+  store.dispatch('updateIsLoading', true)
+  await store.dispatch('labsList')
+  console.log('getLabsList',store.getters.getLabsList)
+    let list = store.getters.getLabsList
+    store.dispatch('updateIsLoading', false)
+  labsList.value = list
+    return labsList.value
+});
+
+onMounted(() => {
+ 
+
+})
+</script>
+
+<template>
+  <v-row>
+    <v-col cols="12" md="12" v-if="getlabsList">
+      <VCardText >
+          <VRow>
+            <VCol
+              cols="12"
+              offset-md="8"
+              md="4"
+            >
+              <VTextField
+                v-model="search"
+                label="Search"
+                placeholder="Search ..."
+                append-inner-icon="ri-search-line"
+                single-line
+                hide-details
+                dense
+                outlined
+              />
+            </VCol>
+          </VRow>
+        </VCardText>
+      <VDataTable
+        :headers="headers"
+        :items="labsList"
+        :search="search"
+        :items-per-page="5"
+        class="text-no-wrap"
+      >
+        <!-- full name -->
+        <template #item.name="{ item }">
+          <div class="d-flex align-center">
+            <!-- avatar -->
+            <VAvatar
+              size="32"
+              :color="item.avatar ? '' : 'primary'"
+              :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
+              :variant="!item.avatar ? 'tonal' : undefined"
+            >
+              <VImg
+                v-if="item.avatar"
+                :src="item.avatar"
+              />
+              <span
+                v-else
+                class="text-sm"
+              >{{ avatarText(item.name) }}</span>
+            </VAvatar>
+
+            <div class="d-flex flex-column ms-3">
+              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
+              <small>{{ item.post }}</small>
+            </div>
+          </div>
+        </template>
+
+        <!-- status -->
+        <template #item.status="{ item }">
+          <VChip
+            :color="resolveStatusVariant(item.status).color"
+            density="comfortable"
+          >
+            {{ resolveStatusVariant(item.status).text }}
+          </VChip>
+        </template>
+
+        <!-- Actions -->
+        <template #item.actions="{ item }">
+          <div class="d-flex gap-1">
+            <IconBtn
+              size="small"
+              @click="editItem(item)"
+            >
+              <VIcon icon="ri-pencil-line" />
+            </IconBtn>
+            <IconBtn
+              size="small"
+              @click="deleteItem(item)"
+            >
+              <VIcon icon="ri-delete-bin-line" />
+            </IconBtn>
+          </div>
+        </template>
+      </VDataTable>
+    </v-col>
+  </v-row>
+  <!-- 👉 Edit Dialog  -->
+  <VDialog
+    v-model="editDialog"
+    max-width="600px"
+  >
+  <VForm ref="refVForm" >
+    <VCard>
+      <VCardTitle>
+        <span class="headline">Edit Lab</span>
+      </VCardTitle>
+
+      <VCardText>
+        <VContainer >
+         
+          <VRow>
+            <!-- fullName -->
+            <VCol cols="12" md="12">
+              <VTextField
+                v-model="editedItem.name"
+                label="Name"
+                :rules="[requiredValidator]"
+              />
+            </VCol>
+
+            <!-- email -->
+            <VCol cols="12" sm="12" md="12">
+              <VTextField
+                v-model="editedItem.address"
+                label="Address"
+                :rules="[requiredValidator]"
+              />
+            </VCol>
+
+         
+            <!-- <VCol cols="12" sm="6" md="12">
+              <VTextField
+                v-model="editedItem.dob"
+                label="Date Of Birth"
+              />
+            </VCol> -->
+            <VCol cols="12" sm="6" md="12">
+              <VTextField v-model="editedItem.contact_no" label="Phone Number" pattern="^\(\d{3}\) \d{3}-\d{4}$"
+                :rules="[requiredPhone, validUSAPhone]" placeholder="i.e. (000) 000-0000"
+                @input="formatPhoneNumber" max="14" density="comfortable" />
+            </VCol>
+            
+
+         
+
+            <!-- status -->
+            <VCol
+              cols="12"
+
+              md="12"
+            >
+              <VSelect
+                v-model="editedItem.status"
+                :items="selectedOptions"
+                item-title="text"
+                item-value="value"
+                label="Status"
+                variant="outlined"
+              />
+            </VCol>
+          </VRow>
+        </VContainer>
+      </VCardText>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="close"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="save"
+        >
+          Save
+        </VBtn>
+        
+      </VCardActions>
+    </VCard>
+    </VForm>
+  </VDialog>
+
+  <!-- 👉 Delete Dialog  -->
+  <VDialog
+    v-model="deleteDialog"
+    max-width="500px"
+  >
+    <VCard>
+      <VCardTitle>
+        Are you sure you want to delete this item?
+      </VCardTitle>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="closeDelete"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="deleteItemConfirm"
+        >
+          OK
+        </VBtn>
+
+        <VSpacer />
+      </VCardActions>
+    </VCard>
+  </VDialog>
+</template>

resources/js/pages/login.vue

@@ -1,14 +1,18 @@
 <script setup>
-import tree1 from '@images/misc/tree1.png'
+import tree1 from '@images/misc/tree1.png';
-import authV2LoginIllustrationBorderedDark from '@images/pages/auth-v2-login-illustration-bordered-dark.png'
+import authV2LoginIllustrationBorderedDark from '@images/pages/auth-v2-login-illustration-bordered-dark.png';
-import authV2LoginIllustrationBorderedLight from '@images/pages/auth-v2-login-illustration-bordered-light.png'
+import authV2LoginIllustrationBorderedLight from '@images/pages/auth-v2-login-illustration-bordered-light.png';
-import authV2LoginIllustrationDark from '@images/pages/auth-v2-login-illustration-dark.png'
+import authV2LoginIllustrationDark from '@images/pages/auth-v2-login-illustration-dark.png';
-import authV2LoginIllustrationLight from '@images/pages/auth-v2-login-illustration-light.png'
+import authV2LoginIllustrationLight from '@images/pages/auth-v2-login-illustration-light.png';
-import authV2MaskDark from '@images/pages/mask-v2-dark.png'
+import authV2MaskDark from '@images/pages/mask-v2-dark.png';
-import authV2MaskLight from '@images/pages/mask-v2-light.png'
+import authV2MaskLight from '@images/pages/mask-v2-light.png';
-import { VNodeRenderer } from '@layouts/components/VNodeRenderer'
+import { VNodeRenderer } from '@layouts/components/VNodeRenderer';
-import { themeConfig } from '@themeConfig'
+import { themeConfig } from '@themeConfig';
-import { VForm } from 'vuetify/components/VForm'
+import axios from 'axios';
+import { VForm } from 'vuetify/components/VForm';
+import { useStore } from 'vuex';
+import { ADMIN_LOGIN_API } from '../constants';
+const store = useStore()
 
 const authThemeImg = useGenerateImageVariant(authV2LoginIllustrationLight, authV2LoginIllustrationDark, authV2LoginIllustrationBorderedLight, authV2LoginIllustrationBorderedDark, true)
 const authThemeMask = useGenerateImageVariant(authV2MaskLight, authV2MaskDark)
@@ -33,37 +37,67 @@ const errors = ref({
 const refVForm = ref()
 
 const credentials = ref({
-  email: 'admin@demo.com',
+  email: '',
-  password: 'admin',
+  password: '',
 })
 
+const isLoading = ref(false)
 const rememberMe = ref(false)
 
 const login = async () => {
+  
   try {
-    const res = await $api('/auth/login', {
+    store.dispatch('updateIsLoading', true)
-      method: 'POST',
+    // isLoading.value = true
-      body: {
+    const response = await axios.post(ADMIN_LOGIN_API, {
-        email: credentials.value.email,
+      email: credentials.value.email,
-        password: credentials.value.password,
+      password: credentials.value.password,
-      },
+    });
-      onResponseError({ response }) {
-        errors.value = response._data.errors
-      },
-    })
 
-    const { accessToken, userData, userAbilityRules } = res
+    console.log("Response", response.data);
+    response.data.userData.avatar = "/images/avatars/avatar-1.png";
+    console.log("Response 2", response.data);
+
+    const { accessToken, userData, userAbilityRules } = response.data;
+    useCookie('userAbilityRules').value = userAbilityRules;
+    ability.update(userAbilityRules);
+    useCookie('userData').value = userData;
+    useCookie('accessToken').value = accessToken;
+    localStorage.setItem('admin_access_token',accessToken)
 
-    useCookie('userAbilityRules').value = userAbilityRules
-    ability.update(userAbilityRules)
-    useCookie('userData').value = userData
-    useCookie('accessToken').value = accessToken
     await nextTick(() => {
-      router.replace(route.query.to ? String(route.query.to) : '/')
+      router.replace(route.query.to ? String(route.query.to) : '/');
-    })
+    });
-  } catch (err) {
+  } catch (error) {
-    console.error(err)
+    store.dispatch('updateIsLoading', false)
+    errors.value.email = error.response.data.error
+    // isLoading.value = false
+    console.error(error);
   }
+  // try {
+  //   const res = await $api('/auth/login', {
+  //     method: 'POST',
+  //     body: {
+  //       email: credentials.value.email,
+  //       password: credentials.value.password,
+  //     },
+  //     onResponseError({ response }) {
+  //       errors.value = response._data.errors
+  //     },
+  //   })
+
+  //   const { accessToken, userData, userAbilityRules } = res
+
+  //   useCookie('userAbilityRules').value = userAbilityRules
+  //   ability.update(userAbilityRules)
+  //   useCookie('userData').value = userData
+  //   useCookie('accessToken').value = accessToken
+  //   await nextTick(() => {
+  //     router.replace(route.query.to ? String(route.query.to) : '/')
+  //   })
+  // } catch (err) {
+  //   console.error(err)
+  // }
 }
 
 const onSubmit = () => {
@@ -75,6 +109,13 @@ const onSubmit = () => {
 </script>
 
 <template>
+  <VDialog v-model="isLoading" width="110" height="150" color="primary">
+        <VCardText class="" style="color: white !important;">
+          <div class="demo-space-x">
+            <VProgressCircular :size="40" color="primary" indeterminate />
+          </div>
+        </VCardText>
+      </VDialog>
   <RouterLink to="/">
     <div class="auth-logo d-flex align-center gap-x-3">
       <VNodeRenderer :nodes="themeConfig.app.logo" />
@@ -128,13 +169,13 @@ const onSubmit = () => {
       >
         <VCardText>
           <h4 class="text-h4 mb-1">
-            Welcome to <span class="text-capitalize">{{ themeConfig.app.title }}!</span> 👋🏻
+            Welcome to <span class="text-capitalize">{{ themeConfig.app.title }}!</span> 
           </h4>
           <p class="mb-0">
             Please sign-in to your account and start the adventure
           </p>
         </VCardText>
-        <VCardText>
+        <!-- <VCardText>
           <VAlert
             color="primary"
             variant="tonal"
@@ -146,7 +187,7 @@ const onSubmit = () => {
               Client Email: <strong>client@demo.com</strong> / Pass: <strong>client</strong>
             </p>
           </VAlert>
-        </VCardText>
+        </VCardText> -->
 
         <VCardText>
           <VForm

resources/js/pages/medicines/medicines.vue

@@ -0,0 +1,395 @@
+<script setup>
+import data from '@/views/demos/forms/tables/data-table/datatable';
+
+const editDialog = ref(false)
+const deleteDialog = ref(false)
+const search = ref('')
+const defaultItem = ref({
+  responsiveId: '',
+  id: -1,
+  avatar: '',
+  fullName: '',
+  post: '',
+  email: '',
+  city: '',
+  startDate: '',
+  salary: -1,
+  age: '',
+  experience: '',
+  status: -1,
+})
+
+const editedItem = ref(defaultItem.value)
+const editedIndex = ref(-1)
+const userList = ref([])
+const isLoading=ref(false)
+// status options
+const selectedOptions = [
+  {
+    text: 'Current',
+    value: 1,
+  },
+  {
+    text: 'Professional',
+    value: 2,
+  },
+  {
+    text: 'Rejected',
+    value: 3,
+  },
+  {
+    text: 'Resigned',
+    value: 4,
+  },
+  {
+    text: 'Applied',
+    value: 5,
+  },
+]
+
+// headers
+const headers = [
+  {
+    title: 'NAME',
+    key: 'fullName',
+  },
+  {
+    title: 'EMAIL',
+    key: 'email',
+  },
+  {
+    title: 'DATE',
+    key: 'startDate',
+  },
+  {
+    title: 'SALARY',
+    key: 'salary',
+  },
+  {
+    title: 'AGE',
+    key: 'age',
+  },
+  {
+    title: 'STATUS',
+    key: 'status',
+  },
+  {
+    title: 'ACTIONS',
+    key: 'actions',
+  },
+]
+
+const resolveStatusVariant = status => {
+  if (status === 1)
+    return {
+      color: 'primary',
+      text: 'Current',
+    }
+  else if (status === 2)
+    return {
+      color: 'success',
+      text: 'Professional',
+    }
+  else if (status === 3)
+    return {
+      color: 'error',
+      text: 'Rejected',
+    }
+  else if (status === 4)
+    return {
+      color: 'warning',
+      text: 'Resigned',
+    }
+  else
+    return {
+      color: 'info',
+      text: 'Applied',
+    }
+}
+
+const editItem = item => {
+  editedIndex.value = userList.value.indexOf(item)
+  editedItem.value = { ...item }
+  editDialog.value = true
+}
+
+const deleteItem = item => {
+  editedIndex.value = userList.value.indexOf(item)
+  editedItem.value = { ...item }
+  deleteDialog.value = true
+}
+
+const close = () => {
+  editDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const closeDelete = () => {
+  deleteDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const save = () => {
+  if (editedIndex.value > -1)
+    Object.assign(userList.value[editedIndex.value], editedItem.value)
+  else
+    userList.value.push(editedItem.value)
+  close()
+}
+
+const deleteItemConfirm = () => {
+  userList.value.splice(editedIndex.value, 1)
+  closeDelete()
+}
+
+onMounted(() => {
+  userList.value = JSON.parse(JSON.stringify(data))
+})
+</script>
+
+<template>
+  <VOverlay
+          v-model="isLoading"
+          contained
+          persistent
+          scroll-strategy="none"
+          class="align-center justify-center"
+        >
+          <VProgressCircular indeterminate />
+        </VOverlay>
+  <VCardText>
+      <VRow>
+        <VCol
+          cols="12"
+          offset-md="8"
+          md="4"
+        >
+          <VTextField
+            v-model="search"
+            label="Search"
+            placeholder="Search ..."
+            append-inner-icon="ri-search-line"
+            single-line
+            hide-details
+            dense
+            outlined
+          />
+        </VCol>
+      </VRow>
+    </VCardText>
+      <VDataTable
+        :headers="headers"
+        :items="userList"
+        :search="search"
+        :items-per-page="5"
+        class="text-no-wrap"
+      >
+        <!-- full name -->
+        <template #item.fullName="{ item }">
+          <div class="d-flex align-center">
+            <!-- avatar -->
+            <VAvatar
+              size="32"
+              :color="item.avatar ? '' : 'primary'"
+              :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
+              :variant="!item.avatar ? 'tonal' : undefined"
+            >
+              <VImg
+                v-if="item.avatar"
+                :src="item.avatar"
+              />
+              <span
+                v-else
+                class="text-sm"
+              >{{ avatarText(item.fullName) }}</span>
+            </VAvatar>
+
+            <div class="d-flex flex-column ms-3">
+              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.fullName }}</span>
+              <small>{{ item.post }}</small>
+            </div>
+          </div>
+        </template>
+
+        <!-- status -->
+        <template #item.status="{ item }">
+          <VChip
+            :color="resolveStatusVariant(item.status).color"
+            density="comfortable"
+          >
+            {{ resolveStatusVariant(item.status).text }}
+          </VChip>
+        </template>
+
+        <!-- Actions -->
+        <template #item.actions="{ item }">
+          <div class="d-flex gap-1">
+            <IconBtn
+              size="small"
+              @click="editItem(item)"
+            >
+              <VIcon icon="ri-pencil-line" />
+            </IconBtn>
+            <IconBtn
+              size="small"
+              @click="deleteItem(item)"
+            >
+              <VIcon icon="ri-delete-bin-line" />
+            </IconBtn>
+          </div>
+        </template>
+      </VDataTable>
+   
+  <!-- 👉 Edit Dialog  -->
+  <VDialog
+    v-model="editDialog"
+    max-width="600px"
+  >
+    <VCard>
+      <VCardTitle>
+        <span class="headline">Edit Item</span>
+      </VCardTitle>
+
+      <VCardText>
+        <VContainer>
+          <VRow>
+            <!-- fullName -->
+            <VCol
+              cols="12"
+              sm="6"
+              md="4"
+            >
+              <VTextField
+                v-model="editedItem.fullName"
+                label="User name"
+              />
+            </VCol>
+
+            <!-- email -->
+            <VCol
+              cols="12"
+              sm="6"
+              md="4"
+            >
+              <VTextField
+                v-model="editedItem.email"
+                label="Email"
+              />
+            </VCol>
+
+            <!-- salary -->
+            <VCol
+              cols="12"
+              sm="6"
+              md="4"
+            >
+              <VTextField
+                v-model="editedItem.salary"
+                label="Salary"
+                prefix="$"
+                type="number"
+              />
+            </VCol>
+
+            <!-- age -->
+            <VCol
+              cols="12"
+              sm="6"
+              md="4"
+            >
+              <VTextField
+                v-model="editedItem.age"
+                label="Age"
+                type="number"
+              />
+            </VCol>
+
+            <!-- start date -->
+            <VCol
+              cols="12"
+              sm="6"
+              md="4"
+            >
+              <VTextField
+                v-model="editedItem.startDate"
+                label="Date"
+              />
+            </VCol>
+
+            <!-- status -->
+            <VCol
+              cols="12"
+              sm="6"
+              md="4"
+            >
+              <VSelect
+                v-model="editedItem.status"
+                :items="selectedOptions"
+                item-title="text"
+                item-value="value"
+                label="Status"
+                variant="outlined"
+              />
+            </VCol>
+          </VRow>
+        </VContainer>
+      </VCardText>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="close"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="save"
+        >
+          Save
+        </VBtn>
+      </VCardActions>
+    </VCard>
+  </VDialog>
+
+  <!-- 👉 Delete Dialog  -->
+  <VDialog
+    v-model="deleteDialog"
+    max-width="500px"
+  >
+    <VCard>
+      <VCardTitle>
+        Are you sure you want to delete this item?
+      </VCardTitle>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="closeDelete"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="deleteItemConfirm"
+        >
+          OK
+        </VBtn>
+
+        <VSpacer />
+      </VCardActions>
+    </VCard>
+  </VDialog>
+</template>

resources/js/pages/patients/meetings.vue

@@ -0,0 +1,140 @@
+<script setup>
+import { onBeforeMount, onMounted, onUnmounted } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
+import { useStore } from 'vuex';
+const store = useStore()
+const router = useRouter()
+const route = useRoute()
+const editDialog = ref(false)
+const deleteDialog = ref(false)
+const search = ref('')
+const appointmentId = ref('');
+const defaultItem = ref({
+  id: -1,
+  avatar: '',
+  name: '',
+  email: '',
+  dob: '',
+  phone_no: '',
+
+})
+
+const editedItem = ref(defaultItem.value)
+const editedIndex = ref(-1)
+const patientMeetingList = ref([])
+const isLoading=ref(false)
+// status options
+const selectedOptions = [
+  {
+    text: 'Active',
+    value: 1,
+  },
+  {
+    text: 'InActive',
+    value: 2,
+  },
+  
+]
+
+const refVForm = ref(null)
+
+onBeforeMount(async () => {});
+onMounted(async () => {
+    appointmentId.value = route.params.id;
+    console.log("appointmentId",appointmentId.value);
+});
+onUnmounted(async () => {});
+
+// headers
+const headers = [
+{
+    title: 'Appiontment Id',
+    key: 'id',
+  },
+  {
+    title: 'Patient',
+    key: 'patient_name',
+  },
+  { key: 'appointment_date', sortable: false, title: 'Date' },
+    { key: 'start_time', title: 'Start Time' },
+    { key: 'end_time', title: 'End Time' },
+    { key: 'duration', title: 'Duration' },
+  
+ 
+  // {
+  //   title: 'ACTIONS',
+  //   key: 'actions',
+  // },
+]
+
+
+
+const getPatientMeetingList = computed(async () => {
+  patientMeetingList.value = [];
+  store.dispatch('updateIsLoading', true)
+  await store.dispatch('patientMeetingList', {
+    id: appointmentId.value
+  })
+  console.log('patientMeetingList',store.getters.getPatientMeetingList)
+    let list = store.getters.getPatientMeetingList
+    store.dispatch('updateIsLoading', false)
+    patientMeetingList.value = list
+    return patientMeetingList.value
+});
+
+onMounted(() => {
+ 
+
+})
+</script>
+
+<template>
+    
+  <v-row>
+    <v-col cols="12" md="12" v-if="getPatientMeetingList">
+      <VCard title="Meetings">
+      <VCardText >
+          <VRow>
+            <VCol
+              cols="12"
+              offset-md="8"
+              md="4"
+            >
+              <VTextField
+                v-model="search"
+                label="Search"
+                placeholder="Search ..."
+                append-inner-icon="ri-search-line"
+                single-line
+                hide-details
+                dense
+                outlined
+              />
+            </VCol>
+          </VRow>
+        </VCardText>
+      <VDataTable
+        :headers="headers"
+        :items="patientMeetingList"
+        :search="search"
+        :items-per-page="5"
+        class="text-no-wrap"
+      >
+      <template #item.id="{ item }">
+      {{ item.id }}
+      </template>
+        
+        <!-- Actions -->
+        <template #item.actions="{ item }">
+          <div class="d-flex gap-1">
+            
+          </div>
+        </template>
+      </VDataTable>
+    </VCard>  
+    </v-col>
+  </v-row>
+
+  <!-- 👉 Delete Dialog  -->
+  
+</template>

resources/js/pages/patients/patients.vue

@@ -0,0 +1,423 @@
+<script setup>
+import { onBeforeMount, onMounted, onUnmounted } from 'vue';
+import { useRouter } from 'vue-router';
+import { useStore } from 'vuex';
+const store = useStore()
+// const route = useRoute()
+const router = useRouter()
+const editDialog = ref(false)
+const deleteDialog = ref(false)
+const search = ref('')
+const defaultItem = ref({
+  id: -1,
+  avatar: '',
+  name: '',
+  email: '',
+  dob: '',
+  phone_no: '',
+
+})
+
+const editedItem = ref(defaultItem.value)
+const editedIndex = ref(-1)
+const patientList = ref([])
+const isLoading=ref(false)
+// status options
+const selectedOptions = [
+  {
+    text: 'Active',
+    value: 1,
+  },
+  {
+    text: 'InActive',
+    value: 2,
+  },
+  
+]
+
+const refVForm = ref(null)
+
+onBeforeMount(async () => {});
+onMounted(async () => {});
+onUnmounted(async () => {});
+const formatPhoneNumber = () => {
+  console.log(editedItem.value)
+  // Remove non-numeric characters from the input
+  const numericValue = editedItem.value.phone_no.replace(/\D/g, '');
+
+  // Apply formatting logic
+  if (numericValue.length <= 10) {
+    editedItem.value.phone_no = numericValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+  } else {
+    // Limit the input to a maximum of 14 characters
+    const truncatedValue = numericValue.slice(0, 10);
+    editedItem.value.phone_no = truncatedValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+  }
+};
+// headers
+const headers = [
+  {
+    title: 'ID',
+    key: 'id',
+  },
+  {
+    title: 'NAME',
+    key: 'name',
+  },
+  {
+    title: 'EMAIL',
+    key: 'email',
+  },
+  {
+    title: 'Date Of Birth',
+    key: 'dob',
+  },
+  {
+    title: 'Phone',
+    key: 'phone_no',
+  },
+  
+  
+ 
+  {
+    title: 'ACTIONS',
+    key: 'actions',
+  },
+]
+
+const resolveStatusVariant = status => {
+  if (status === 1)
+    return {
+      color: 'primary',
+      text: 'Current',
+    }
+  else if (status === 2)
+    return {
+      color: 'success',
+      text: 'Professional',
+    }
+  else if (status === 3)
+    return {
+      color: 'error',
+      text: 'Rejected',
+    }
+  else if (status === 4)
+    return {
+      color: 'warning',
+      text: 'Resigned',
+    }
+  else
+    return {
+      color: 'info',
+      text: 'Applied',
+    }
+}
+
+const editItem = item => {
+  editedIndex.value = patientList.value.indexOf(item)
+  editedItem.value = { ...item }
+  editDialog.value = true
+}
+
+const deleteItem = item => {
+  console.log('del',item)
+  editedIndex.value = patientList.value.indexOf(item)
+  editedItem.value = { ...item }
+  deleteDialog.value = true
+}
+
+const close = () => {
+  editDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const closeDelete = () => {
+  deleteDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const getMettings = (Item) => {
+  console.log("item", Item);
+  router.push('/admin/patient/meetings/'+Item.id);
+}
+
+const save = async () => {
+  const { valid } = await refVForm.value.validate()
+  console.log(valid)
+  if (valid) {
+    console.log('editedItem.value',editedItem.value);
+    if (editedIndex.value > -1)
+    {
+      await store.dispatch('patientUpdate',{
+        id: editedItem.value.id,
+        first_name: editedItem.value.first_name,
+        last_name: editedItem.value.last_name,
+        email: editedItem.value.email,
+        phone_no: editedItem.value.phone_no,
+        dob: editedItem.value.dob,
+      })
+      Object.assign(patientList.value[editedIndex.value], editedItem.value)
+    }else{
+      patientList.value.push(editedItem.value)
+    }
+  close()
+  }
+ 
+  
+}
+
+const deleteItemConfirm = async () => {
+  console.log('editedIndex.value',editedIndex.value,editedItem.value.id)
+  await store.dispatch('patientDelete',{
+    id: editedItem.value.id
+  })
+  patientList.value.splice(editedIndex.value, 1)
+  closeDelete()
+}
+const getPatientList = computed(async () => {
+  store.dispatch('updateIsLoading', true)
+  await store.dispatch('patientList')
+  console.log('patientList',store.getters.getPatientList)
+    let list = store.getters.getPatientList
+    store.dispatch('updateIsLoading', false)
+    patientList.value = list
+    return patientList.value
+});
+
+onMounted(() => {
+ 
+
+})
+</script>
+
+<template>
+  <v-row>
+    <v-col cols="12" md="12" v-if="getPatientList">
+      <VCardText >
+          <VRow>
+            <VCol
+              cols="12"
+              offset-md="8"
+              md="4"
+            >
+              <VTextField
+                v-model="search"
+                label="Search"
+                placeholder="Search ..."
+                append-inner-icon="ri-search-line"
+                single-line
+                hide-details
+                dense
+                outlined
+              />
+            </VCol>
+          </VRow>
+        </VCardText>
+      <VDataTable
+        :headers="headers"
+        :items="patientList"
+        :search="search"
+        :items-per-page="5"
+        class="text-no-wrap"
+      >
+      <template #item.id="{ item }">
+    {{ item.id }}
+  </template>
+        <!-- full name -->
+        <template #item.name="{ item }">
+          <div class="d-flex align-center">
+            <!-- avatar -->
+            <VAvatar
+              size="32"
+              :color="item.avatar ? '' : 'primary'"
+              :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
+              :variant="!item.avatar ? 'tonal' : undefined"
+            >
+              <VImg
+                v-if="item.avatar"
+                :src="item.avatar"
+              />
+              <span
+                v-else
+                class="text-sm"
+              >{{ avatarText(item.name) }}</span>
+            </VAvatar>
+
+            <div class="d-flex flex-column ms-3">
+              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
+              <small>{{ item.post }}</small>
+            </div>
+          </div>
+        </template>
+
+        <!-- status -->
+        <template #item.status="{ item }">
+          <VChip
+            :color="resolveStatusVariant(item.status).color"
+            density="comfortable"
+          >
+            {{ resolveStatusVariant(item.status).text }}
+          </VChip>
+        </template>
+
+        <!-- Actions -->
+        <template #item.actions="{ item }">
+          <div class="d-flex gap-1">
+            <IconBtn
+              size="small"
+              @click="editItem(item)"
+            >
+              <VIcon icon="ri-pencil-line" />
+            </IconBtn>
+            <IconBtn
+              size="small"
+              @click="deleteItem(item)"
+            >
+              <VIcon icon="ri-delete-bin-line" />
+            </IconBtn>
+            <IconBtn
+                size="small"
+                @click="getMettings(item)"
+              >
+              <VIcon icon="ri-time-line" />
+            </IconBtn>
+          </div>
+        </template>
+      </VDataTable>
+    </v-col>
+  </v-row>
+  <!-- 👉 Edit Dialog  -->
+  <VDialog
+    v-model="editDialog"
+    max-width="600px"
+  >
+  <VForm ref="refVForm" >
+    <VCard>
+      <VCardTitle>
+        <span class="headline">Edit Patient</span>
+      </VCardTitle>
+
+      <VCardText>
+        <VContainer >
+         
+          <VRow>
+            <!-- fullName -->
+            <VCol cols="12" md="6">
+              <VTextField
+                v-model="editedItem.first_name"
+                label="First Name"
+                :rules="[requiredFirstName]"
+              />
+            </VCol>
+            <VCol cols="12" md="6">
+              <VTextField
+                v-model="editedItem.last_name"
+                label="Last Name"
+                :rules="[requiredLastName]"
+              />
+            </VCol>
+
+            <!-- email -->
+            <VCol cols="12" sm="6" md="12">
+              <VTextField
+                v-model="editedItem.email"
+                label="Email"
+                :rules="[requiredEmail, emailValidator]"
+              />
+            </VCol>
+
+         
+            <VCol cols="12" sm="6" md="12">
+              <VTextField
+                v-model="editedItem.dob"
+                label="Date Of Birth"
+              />
+            </VCol>
+            <VCol cols="12" sm="6" md="12">
+              <VTextField v-model="editedItem.phone_no" label="Phone Number" pattern="^\(\d{3}\) \d{3}-\d{4}$"
+                :rules="[requiredPhone, validUSAPhone]" placeholder="i.e. (000) 000-0000"
+                @input="formatPhoneNumber" max="14" density="comfortable" />
+            </VCol>
+            
+
+         
+
+            <!-- status -->
+            <VCol
+              cols="12"
+
+              md="12"
+            >
+              <VSelect
+                v-model="editedItem.status"
+                :items="selectedOptions"
+                item-title="text"
+                item-value="value"
+                label="Status"
+                variant="outlined"
+              />
+            </VCol>
+          </VRow>
+        </VContainer>
+      </VCardText>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="close"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="save"
+        >
+          Save
+        </VBtn>
+        
+      </VCardActions>
+    </VCard>
+    </VForm>
+  </VDialog>
+
+  <!-- 👉 Delete Dialog  -->
+  <VDialog
+    v-model="deleteDialog"
+    max-width="500px"
+  >
+    <VCard>
+      <VCardTitle>
+        Are you sure you want to delete this item?
+      </VCardTitle>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="closeDelete"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="deleteItemConfirm"
+        >
+          OK
+        </VBtn>
+
+        <VSpacer />
+      </VCardActions>
+    </VCard>
+  </VDialog>
+</template>

resources/js/pages/providers/providers.vue

@@ -0,0 +1,399 @@
+<script setup>
+
+
+
+import { useStore } from 'vuex';
+const store = useStore()
+const editDialog = ref(false)
+const deleteDialog = ref(false)
+const search = ref('')
+const defaultItem = ref({
+  id: -1,
+  avatar: '',
+  name: '',
+  email: '',
+  // dob: '',
+  phone_no: '',
+
+})
+
+const editedItem = ref(defaultItem.value)
+const editedIndex = ref(-1)
+const providersList = ref([])
+const isLoading=ref(false)
+// status options
+const selectedOptions = [
+  {
+    text: 'Active',
+    value: 1,
+  },
+  {
+    text: 'InActive',
+    value: 2,
+  },
+  
+]
+
+    const refVForm = ref(null)
+
+
+const formatPhoneNumber = () => {
+  console.log(editedItem.value)
+  // Remove non-numeric characters from the input
+  const numericValue = editedItem.value.phone_no.replace(/\D/g, '');
+
+  // Apply formatting logic
+  if (numericValue.length <= 10) {
+    editedItem.value.phone_no = numericValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+  } else {
+    // Limit the input to a maximum of 14 characters
+    const truncatedValue = numericValue.slice(0, 10);
+    editedItem.value.phone_no = truncatedValue.replace(/(\d{3})(\d{3})(\d{4})/, '($1) $2-$3');
+  }
+};
+// headers
+const headers = [
+{
+    title: 'ID',
+    key: 'id',
+  },
+  {
+    title: 'NAME',
+    key: 'name',
+  },
+  {
+    title: 'EMAIL',
+    key: 'email',
+  },
+  // {
+  //   title: 'Date Of Birth',
+  //   key: 'dob',
+  // },
+  {
+    title: 'Phone',
+    key: 'phone_no',
+  },
+ 
+  {
+    title: 'ACTIONS',
+    key: 'actions',
+  },
+]
+
+const resolveStatusVariant = status => {
+  if (status === 1)
+    return {
+      color: 'primary',
+      text: 'Current',
+    }
+  else if (status === 2)
+    return {
+      color: 'success',
+      text: 'Professional',
+    }
+  else if (status === 3)
+    return {
+      color: 'error',
+      text: 'Rejected',
+    }
+  else if (status === 4)
+    return {
+      color: 'warning',
+      text: 'Resigned',
+    }
+  else
+    return {
+      color: 'info',
+      text: 'Applied',
+    }
+}
+
+const editItem = item => {
+  editedIndex.value = providersList.value.indexOf(item)
+  editedItem.value = { ...item }
+  editDialog.value = true
+}
+
+const deleteItem = item => {
+  editedIndex.value = providersList.value.indexOf(item)
+  editedItem.value = { ...item }
+  deleteDialog.value = true
+}
+
+const close = () => {
+  editDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const closeDelete = () => {
+  deleteDialog.value = false
+  editedIndex.value = -1
+  editedItem.value = { ...defaultItem.value }
+}
+
+const save = async () => {
+  const { valid } = await refVForm.value.validate()
+  console.log(valid)
+  if (valid) {
+    if (editedIndex.value > -1){
+      await store.dispatch('providerUpdate',{
+        id: editedItem.value.id,
+        first_name: editedItem.value.first_name,
+        last_name: editedItem.value.last_name,
+        email: editedItem.value.email,
+      })
+      Object.assign(providersList.value[editedIndex.value], editedItem.value)
+    }else{
+      providersList.value.push(editedItem.value)
+    }
+  close()
+  }
+ 
+  
+}
+
+const deleteItemConfirm = async() => {
+  console.log('editedIndex.value',editedIndex.value,editedItem.value.id)
+  await store.dispatch('providerDelete',{
+    id: editedItem.value.id
+  })
+  providersList.value.splice(editedIndex.value, 1)
+  closeDelete()
+}
+const getprovidersList = computed(async () => {
+  store.dispatch('updateIsLoading', true)
+  await store.dispatch('providersList')
+  console.log('getProvidersList',store.getters.getProvidersList)
+    let list = store.getters.getProvidersList
+    store.dispatch('updateIsLoading', false)
+  providersList.value = list
+    return providersList.value
+});
+
+onMounted(() => {
+ 
+
+})
+</script>
+
+<template>
+  <v-row>
+    <v-col cols="12" md="12" v-if="getprovidersList">
+      <VCardText >
+          <VRow>
+            <VCol
+              cols="12"
+              offset-md="8"
+              md="4"
+            >
+              <VTextField
+                v-model="search"
+                label="Search"
+                placeholder="Search ..."
+                append-inner-icon="ri-search-line"
+                single-line
+                hide-details
+                dense
+                outlined
+              />
+            </VCol>
+          </VRow>
+        </VCardText>
+      <VDataTable
+        :headers="headers"
+        :items="providersList"
+        :search="search"
+        :items-per-page="5"
+        class="text-no-wrap"
+      >
+        <!-- full name -->
+        <template #item.name="{ item }">
+          <div class="d-flex align-center">
+            <!-- avatar -->
+            <VAvatar
+              size="32"
+              :color="item.avatar ? '' : 'primary'"
+              :class="item.avatar ? '' : 'v-avatar-light-bg primary--text'"
+              :variant="!item.avatar ? 'tonal' : undefined"
+            >
+              <VImg
+                v-if="item.avatar"
+                :src="item.avatar"
+              />
+              <span
+                v-else
+                class="text-sm"
+              >{{ avatarText(item.name) }}</span>
+            </VAvatar>
+
+            <div class="d-flex flex-column ms-3">
+              <span class="d-block font-weight-medium text-high-emphasis text-truncate">{{ item.name }}</span>
+              <small>{{ item.post }}</small>
+            </div>
+          </div>
+        </template>
+
+        <!-- status -->
+        <template #item.status="{ item }">
+          <VChip
+            :color="resolveStatusVariant(item.status).color"
+            density="comfortable"
+          >
+            {{ resolveStatusVariant(item.status).text }}
+          </VChip>
+        </template>
+
+        <!-- Actions -->
+        <template #item.actions="{ item }">
+          <div class="d-flex gap-1">
+            <IconBtn
+              size="small"
+              @click="editItem(item)"
+            >
+              <VIcon icon="ri-pencil-line" />
+            </IconBtn>
+            <IconBtn
+              size="small"
+              @click="deleteItem(item)"
+            >
+              <VIcon icon="ri-delete-bin-line" />
+            </IconBtn>
+          </div>
+        </template>
+      </VDataTable>
+    </v-col>
+  </v-row>
+  <!-- 👉 Edit Dialog  -->
+  <VDialog
+    v-model="editDialog"
+    max-width="600px"
+  >
+  <VForm ref="refVForm" >
+    <VCard>
+      <VCardTitle>
+        <span class="headline">Edit Provider</span>
+      </VCardTitle>
+
+      <VCardText>
+        <VContainer >
+         
+          <VRow>
+            <!-- fullName -->
+            <VCol cols="12" md="6">
+              <VTextField
+                v-model="editedItem.first_name"
+                label="First Name"
+                :rules="[requiredFirstName]"
+              />
+            </VCol>
+            <VCol cols="12" md="6">
+              <VTextField
+                v-model="editedItem.last_name"
+                label="Last Name"
+                :rules="[requiredLastName]"
+              />
+            </VCol>
+
+            <!-- email -->
+            <VCol cols="12" sm="6" md="12">
+              <VTextField
+                v-model="editedItem.email"
+                label="Email"
+                :rules="[requiredEmail, emailValidator]"
+              />
+            </VCol>
+
+         
+            <!-- <VCol cols="12" sm="6" md="12">
+              <VTextField
+                v-model="editedItem.dob"
+                label="Date Of Birth"
+              />
+            </VCol> -->
+            <VCol cols="12" sm="6" md="12">
+              <VTextField v-model="editedItem.phone_no" label="Phone Number" pattern="^\(\d{3}\) \d{3}-\d{4}$"
+                :rules="[requiredPhone, validUSAPhone]" placeholder="i.e. (000) 000-0000"
+                @input="formatPhoneNumber" max="14" density="comfortable" />
+            </VCol>
+            
+
+         
+
+            <!-- status -->
+            <VCol
+              cols="12"
+
+              md="12"
+            >
+              <VSelect
+                v-model="editedItem.status"
+                :items="selectedOptions"
+                item-title="text"
+                item-value="value"
+                label="Status"
+                variant="outlined"
+              />
+            </VCol>
+          </VRow>
+        </VContainer>
+      </VCardText>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="close"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="save"
+        >
+          Save
+        </VBtn>
+        
+      </VCardActions>
+    </VCard>
+    </VForm>
+  </VDialog>
+
+  <!-- 👉 Delete Dialog  -->
+  <VDialog
+    v-model="deleteDialog"
+    max-width="500px"
+  >
+    <VCard>
+      <VCardTitle>
+        Are you sure you want to delete this item?
+      </VCardTitle>
+
+      <VCardActions>
+        <VSpacer />
+
+        <VBtn
+          color="error"
+          variant="outlined"
+          @click="closeDelete"
+        >
+          Cancel
+        </VBtn>
+
+        <VBtn
+          color="success"
+          variant="elevated"
+          @click="deleteItemConfirm"
+        >
+          OK
+        </VBtn>
+
+        <VSpacer />
+      </VCardActions>
+    </VCard>
+  </VDialog>
+</template>

resources/js/plugins/1.router/additional-routes.js

@@ -12,7 +12,7 @@ export const redirects = [
       const userData = useCookie('userData')
       const userRole = userData.value?.role
       if (userRole === 'admin')
-        return { name: 'dashboards-crm' }
+        return { name: 'admin-dashboard' }
       if (userRole === 'client')
         return { name: 'access-control' }
       
@@ -29,9 +29,41 @@ export const redirects = [
     name: 'pages-account-settings',
     redirect: () => ({ name: 'pages-account-settings-tab', params: { tab: 'account' } }),
   },
+  
 ]
 export const routes = [
   // Email filter
+  {
+    path: '/admin/dashboard',
+    name: 'admin-dashboard',
+    component: () => import('@/pages/dashboards/crm.vue'),
+  },
+  {
+    path: '/admin/patients',
+    name: 'admin-patients',
+    component: () => import('@/pages/patients/patients.vue'),
+  },
+  {
+    path: '/admin/patient/meetings/:id',
+    name: 'admin-patient-meeitngs',
+    component: () => import('@/pages/patients/meetings.vue'),
+  },
+  {
+    path: '/admin/providers',
+    name: 'admin-providers',
+    component: () => import('@/pages/providers/providers.vue'),
+  },
+  {
+    path: '/admin/labs',
+    name: 'admin-labs',
+    component: () => import('@/pages/labs/labs.vue'),
+  },
+  {
+    path: '/admin/medicines',
+    name: 'admin-medicines',
+    component: () => import('@/pages/medicines/medicines.vue'),
+  },
+  
   {
     path: '/apps/email/filter/:filter',
     name: 'apps-email-filter',

resources/js/plugins/i18n/locales/en.json

@@ -156,6 +156,10 @@
   "Dashboard": "Dashboard",
   "Fleet": "Fleet",
   "Widgets": "Widgets",
+  "Patients": "Patients",
+  "Providers": "Providers",
+  "Labs": "Labs",
+  "Medicines": "Medicines",
   "5": "5",
   "10": "10",
   "20": "20",

resources/js/store.js

@@ -0,0 +1,298 @@
+import axios from 'axios';
+
+import { createStore } from 'vuex';
+import {
+  LABS_DELETE_API,
+  LABS_LIST_API,
+  LABS_UPDATE_API,
+  PATIENT_DELETE_API,
+  PATIENT_LIST_API,
+  PATIENT_MEETING_LIST_API,
+  PATIENT_UPDATE_API,
+  PROVIDER_DELETE_API,
+  PROVIDER_LIST_API,
+  PROVIDER_UPDATE_API
+} from './constants.js';
+
+
+
+export default createStore({
+  state: {
+    isLoading: false,
+    patientList:[],
+    patientMeetingList:[],
+    providersList:[],
+    labsList:[]
+  },
+  mutations: {
+    setLoading(state, payload) {
+      console.log('payload');
+        state.isLoading = payload
+    },
+    setPtientList(state, payload) {
+      state.patientList = payload
+    },
+    setPtientMeetingList(state, payload) {
+      state.patientMeetingList = payload
+    },
+    setProvidersList(state, payload) {
+      state.providersList = payload
+    },
+    setLabsList(state, payload) {
+      state.labsList = payload
+    }
+  },
+  actions: {
+    
+    async updateIsLoading({ commit }, payload) {
+        commit('setLoading', payload)
+    },
+    async patientList({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(PATIENT_LIST_API, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+              commit('setLoading', false)
+            console.log('Response:', response.data.patients);
+            let dataArray =[]
+            for (let data of response.data.patients) {
+              let dataObject = {}
+              dataObject.name = data.first_name + ' ' + data.last_name
+              dataObject.first_name = data.first_name 
+              dataObject.last_name =  data.last_name
+              dataObject.email = data.email
+              dataObject.dob = data.dob
+              dataObject.phone_no = data.phone_no
+              dataObject.avatar = '',
+              dataObject.id = data.id,
+              dataArray.push(dataObject)
+            }
+            console.log(dataArray)
+            commit('setPtientList',dataArray)
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async patientMeetingList({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(PATIENT_MEETING_LIST_API+payload.id, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+              commit('setLoading', false)
+            console.log('Meeting Response:', response.data.patients);
+            commit('setPtientMeetingList',response.data.patients);
+
+           })
+           .catch(error => {
+             commit('setLoading', false)
+             console.error('Error:', error);
+           });
+    },
+    async patientUpdate({ commit }, payload) {
+      commit('setLoading', true)
+      await axios.post(PATIENT_UPDATE_API+payload.id, {
+        first_name: payload.first_name,
+        last_name: payload.last_name,
+        email: payload.email,
+        phone_no: payload.phone_no,
+        dob: payload.dob,
+      }, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async patientDelete({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(PATIENT_DELETE_API+payload.id, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async providersList({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(PROVIDER_LIST_API, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+              commit('setLoading', false)
+            console.log('Response:', response.data.patients);
+            let dataArray =[]
+            for (let data of response.data.patients) {
+              let dataObject = {}
+              dataObject.name = data.first_name + ' ' + data.last_name
+              dataObject.first_name = data.first_name 
+              dataObject.last_name =  data.last_name
+              dataObject.email = data.email
+              // dataObject.dob = data.dob
+              dataObject.phone_no = data.phone_number
+              dataObject.avatar = '',
+              dataObject.id = data.id,
+              dataArray.push(dataObject)
+            }
+            console.log(dataArray)
+            commit('setProvidersList',dataArray)
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async providerUpdate({ commit }, payload) {
+      commit('setLoading', true)
+      await axios.post(PROVIDER_UPDATE_API+payload.id, {
+        first_name: payload.first_name,
+        last_name: payload.last_name,
+        email: payload.email,
+        phone_number: payload.phone_no,
+      }, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async providerDelete({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(PROVIDER_DELETE_API+payload.id, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async labsList({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(LABS_LIST_API, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+              commit('setLoading', false)
+            console.log('Response:', response.data);
+            let dataArray =[]
+            for (let data of response.data.patients) {
+              let dataObject = {}
+              dataObject.name = data.name
+              dataObject.address = data.address 
+              dataObject.slot_date =  data.slot_date
+              dataObject.slot_time =  data.slot_time
+              dataObject.appointment_id = data.appointment_id
+              dataObject.booking_time = data.booking_time
+              dataObject.contact_no = data.contact_no
+              dataObject.avatar = '',
+              dataObject.id = data.id,
+              dataArray.push(dataObject)
+            }
+            console.log(dataArray)
+            commit('setLabsList',dataArray)
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async labUpdate({ commit }, payload) {
+      commit('setLoading', true)
+      await axios.post(LABS_UPDATE_API+payload.id, {
+        name: payload.name,
+        address: payload.address,
+        contact_no: payload.contact_no,
+      }, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+    async labDelete({ commit }, payload) {
+      commit('setLoading', true)
+      console.log(localStorage.getItem('admin_access_token'))
+      await axios.post(LABS_DELETE_API+payload.id, {}, {
+        headers: {
+            'Authorization': `Bearer ${localStorage.getItem('admin_access_token')}`,
+        }
+      })  .then(response => {
+            commit('setLoading', false)
+            console.log('Response:', response.data);
+  
+          })
+          .catch(error => {
+            commit('setLoading', false)
+            console.error('Error:', error);
+          });
+    },
+  },
+  getters: {
+    getIsLoading(state){
+      return state.isLoading
+    },
+    getPatientList(state){
+      return state.patientList
+    },
+    getPatientMeetingList(state){
+      return state.patientMeetingList
+    },
+    
+    getProvidersList(state){
+      return state.providersList
+    },
+    getLabsList(state){
+      return state.labsList
+    },
+  }
+})

resources/views/application.blade.php

@@ -3,9 +3,9 @@
 
 <head>
   <meta charset="UTF-8" />
-  <link rel="icon" href="{{ asset('favicon.ico') }}" />
+  <link rel="icon" href="{{ asset('images/favicon.webp') }}" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Materio - Vuetify Vuejs Admin Template</title>
+  <title>{{ config('app.name') }}</title>
   <link rel="stylesheet" type="text/css" href="{{ asset('loader.css') }}" />
   @vite(['resources/js/main.js'])
 </head>
@@ -15,7 +15,7 @@
     <div id="loading-bg">
       <div class="loading-logo">
         <!-- SVG Logo -->
-        <svg width="86" height="48" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
+        <!-- <svg width="86" height="48" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
           <g fill="none" fill-rule="evenodd">
             <path d="M30 21.392a2 2 0 0 1-3.027 1.716l-3.258-1.95a2 2 0 0 1-.973-1.716l-.001-6.7L15
                 17.178l-7.742-4.434v6.7a2 2 0 0 1-.973 1.715l-3.258 1.95A2 2 0 0 1 0 21.392V3.585l.005-.15L0 3.572a2 2 0 0
@@ -26,10 +26,9 @@
             <path fill="var(--initial-loader-color)" opacity=".078" d="m30 8.589-7.258 4.052v2.62z" />
             <path d="M3.045 1.866 15 9.194v7.983L0 8.587V3.571a2 2 0 0 1 3.045-1.706Z" fill-opacity=".15" fill="
                 #FFF" />
-            <path d="M26.955 1.866 15 9.194v7.983l15-8.59V3.571a2 2 0 0 0-3.045-1.706Z" fill-opacity=".35"
+            <path d="M26.955 1.866 15 9.194v7.983l15-8.59V3.571a2 2 0 0 0-3.045-1.706Z" fill-opacity=".35" fill="#FFF" />
-              fill="#FFF" />
           </g>
-        </svg>
+        </svg> -->
       </div>
       <div class=" loading">
         <div class="effect-1 effects"></div>

themeConfig.js

@@ -4,15 +4,16 @@ import { breakpointsVuetify } from '@vueuse/core'
 import { VIcon } from 'vuetify/components/VIcon'
 
 // ❗ Logo SVG must be imported with ?raw suffix
-import logo from '@images/logo.svg?raw'
+import logoImage from '@images/logo-peptied-web.webp'
+
 import { AppContentLayoutNav, ContentWidth, FooterType, NavbarType } from '@layouts/enums'
 
 export const { themeConfig, layoutConfig } = defineThemeConfig({
   app: {
-    title: 'TelemedPro',
+    title: '',
 
     // ❗ if you have SVG logo and want it to adapt according to theme color, you have to apply color as `color: rgb(var(--v-global-theme-primary))`
-    logo: h('div', { innerHTML: logo, style: 'line-height:0; color: rgb(var(--v-global-theme-primary))' }),
+    logo: h('div', { innerHTML: `<img src="${logoImage}" alt="Logo" style="width:150px;">` }),
     contentWidth: ContentWidth.Boxed,
     contentLayoutNav: AppContentLayoutNav.Vertical,
     overlayNavFromBreakpoint: breakpointsVuetify.md + 16, // 16 for scrollbar. Docs: https://next.vuetifyjs.com/en/features/display-and-platform/

typed-router.d.ts

@@ -118,7 +118,9 @@ declare module 'vue-router/auto/routes' {
     'front-pages-landing-page': RouteRecordInfo<'front-pages-landing-page', '/front-pages/landing-page', Record<never, never>, Record<never, never>>,
     'front-pages-payment': RouteRecordInfo<'front-pages-payment', '/front-pages/payment', Record<never, never>, Record<never, never>>,
     'front-pages-pricing': RouteRecordInfo<'front-pages-pricing', '/front-pages/pricing', Record<never, never>, Record<never, never>>,
+    'labs-labs': RouteRecordInfo<'labs-labs', '/labs/labs', Record<never, never>, Record<never, never>>,
     'login': RouteRecordInfo<'login', '/login', Record<never, never>, Record<never, never>>,
+    'medicines-medicines': RouteRecordInfo<'medicines-medicines', '/medicines/medicines', Record<never, never>, Record<never, never>>,
     'not-authorized': RouteRecordInfo<'not-authorized', '/not-authorized', Record<never, never>, Record<never, never>>,
     'pages-account-settings-tab': RouteRecordInfo<'pages-account-settings-tab', '/pages/account-settings/:tab', { tab: ParamValue<true> }, { tab: ParamValue<false> }>,
     'pages-authentication-forgot-password-v1': RouteRecordInfo<'pages-authentication-forgot-password-v1', '/pages/authentication/forgot-password-v1', Record<never, never>, Record<never, never>>,
@@ -148,6 +150,8 @@ declare module 'vue-router/auto/routes' {
     'pages-pricing': RouteRecordInfo<'pages-pricing', '/pages/pricing', Record<never, never>, Record<never, never>>,
     'pages-typography': RouteRecordInfo<'pages-typography', '/pages/typography', Record<never, never>, Record<never, never>>,
     'pages-user-profile-tab': RouteRecordInfo<'pages-user-profile-tab', '/pages/user-profile/:tab', { tab: ParamValue<true> }, { tab: ParamValue<false> }>,
+    'patients-patients': RouteRecordInfo<'patients-patients', '/patients/patients', Record<never, never>, Record<never, never>>,
+    'providers-providers': RouteRecordInfo<'providers-providers', '/providers/providers', Record<never, never>, Record<never, never>>,
     'register': RouteRecordInfo<'register', '/register', Record<never, never>, Record<never, never>>,
     'tables-data-table': RouteRecordInfo<'tables-data-table', '/tables/data-table', Record<never, never>, Record<never, never>>,
     'tables-simple-table': RouteRecordInfo<'tables-simple-table', '/tables/simple-table', Record<never, never>, Record<never, never>>,