diff --git a/resources/js/@layouts/components/VerticalNavLink.vue b/resources/js/@layouts/components/VerticalNavLink.vue
index c232dd1..4812653 100644
--- a/resources/js/@layouts/components/VerticalNavLink.vue
+++ b/resources/js/@layouts/components/VerticalNavLink.vue
@@ -1,12 +1,12 @@
 <script setup>
-import { layoutConfig } from '@layouts'
-import { can } from '@layouts/plugins/casl'
-import { useLayoutConfigStore } from '@layouts/stores/config'
+import { layoutConfig } from '@layouts';
+import { can } from '@layouts/plugins/casl';
+import { useLayoutConfigStore } from '@layouts/stores/config';
 import {
-  getComputedNavLinkToProp,
-  getDynamicI18nProps,
-  isNavLinkActive,
-} from '@layouts/utils'
+getComputedNavLinkToProp,
+getDynamicI18nProps,
+isNavLinkActive,
+} from '@layouts/utils';
 
 const props = defineProps({
   item: {
@@ -22,13 +22,14 @@ const hideTitleAndBadge = configStore.isVerticalNavMini()
 <template>
   <li
     v-if="can(item.action, item.subject)"
-    class="nav-link"
+    class="nav-link 22"
     :class="{ disabled: item.disable }"
   >
     <Component
       :is="item.to ? 'RouterLink' : 'a'"
       v-bind="getComputedNavLinkToProp(item)"
       :class="{ 'router-link-active router-link-exact-active': isNavLinkActive(item, $router) }"
+      
     >
       <Component
         :is="layoutConfig.app.iconRenderer || 'div'"
diff --git a/resources/js/@layouts/utils.js b/resources/js/@layouts/utils.js
index c9f75d6..34c38c7 100644
--- a/resources/js/@layouts/utils.js
+++ b/resources/js/@layouts/utils.js
@@ -46,18 +46,46 @@ export const resolveNavLinkRouteName = (link, router) => {
  */
 export const isNavLinkActive = (link, router) => {
   // Matched routes array of current route
-  const matchedRoutes = router.currentRoute.value.matched
+  const matchedRoutes = router.currentRoute.value.matched;
+  const currentRoute = router.currentRoute.value;
+
+  // Check if the parent menu item should be active
+   
+  if (isParentActive(currentRoute,router,link)) {
+    return true;
+  }
 
   // Check if provided route matches route's matched route
-  const resolveRoutedName = resolveNavLinkRouteName(link, router)
-  if (!resolveRoutedName)
-    return false
-  
-  return matchedRoutes.some(route => {
-    return route.name === resolveRoutedName || route.meta.navActiveLink === resolveRoutedName
-  })
-}
+  const resolveRoutedName = resolveNavLinkRouteName(link, router);
+  if (!resolveRoutedName) {
+    return false;
+  }
 
+  return matchedRoutes.some(route => {
+    return route.name === resolveRoutedName || route.meta.navActiveLink === resolveRoutedName;
+  });
+};
+const ParentMenuItemName = 'admin-patients';
+
+export const isParentActive = (route, router,link) => {
+  // Get the current route's activeParent meta property
+  const activeParent = route.meta.activeParent;
+
+  // Check if the activeParent is defined and not an empty string
+  if (activeParent && activeParent.trim().length > 0) {
+    // Find the parent route configuration
+    const parentRoute = router.options.routes.find(r => r.name === activeParent);
+console.log('fffff', link.to)
+    // Check if the parent route configuration exists
+    if (link.to) {
+      // Use the parent route's name or any other property as the parent menu item name
+      return link.to === activeParent;
+    }
+  }
+
+  // If the activeParent is not defined, an empty string, or the parent route configuration is not found, return false
+  return false;
+};
 /**
  * Check if nav group is active
  * @param {Array} children Group children
diff --git a/resources/js/pages/patients/CompletedMeetingTab.vue b/resources/js/pages/patients/CompletedMeetingTab.vue
index 953459b..c419e9e 100644
--- a/resources/js/pages/patients/CompletedMeetingTab.vue
+++ b/resources/js/pages/patients/CompletedMeetingTab.vue
@@ -161,6 +161,17 @@ const options = [
           class="text-no-wrap"
         >
           <template #item.id="{ item }">{{ item.id }}</template>
+          <template #item.provider_name="{ item }">
+            <div class="d-flex flex-column ms-3">
+                <router-link
+                  :to="{ name: 'admin-provider-profile', params: { id: item.provider_id } }"
+                  class="highlighted"
+                >
+              <span class="d-block font-weight-medium  text-truncate">{{ item.provider_name }}</span>
+               </router-link>
+            
+            </div>
+            </template>
           <template #item.duration="{ item }">{{ item.duration }}</template>
           <!-- Actions -->
           <template #item.actions="{ item }">
diff --git a/resources/js/pages/providers/CompletedMeetingTab.vue b/resources/js/pages/providers/CompletedMeetingTab.vue
index 51f1ebb..bf4b2cb 100644
--- a/resources/js/pages/providers/CompletedMeetingTab.vue
+++ b/resources/js/pages/providers/CompletedMeetingTab.vue
@@ -157,6 +157,17 @@ const options = [
           class="text-no-wrap"
         >
           <template #item.id="{ item }">{{ item.id }}</template>
+            <template #item.patient_name="{ item }">
+            <div class="d-flex flex-column ms-3">
+                <router-link
+                  :to="{ name: 'admin-patient-profile', params: { id: item.patient_id } }"
+                  class="highlighted"
+                >
+              <span class="d-block font-weight-medium  text-truncate">{{ item.patient_name }}</span>
+               </router-link>
+              <small>{{ item.post }}</small>
+            </div>
+            </template>
           <template #item.duration="{ item }">{{ item.duration }}</template>
           <!-- Actions -->
           <template #item.actions="{ item }">
@@ -192,3 +203,10 @@ const options = [
     </v-col>
   </v-row>
 </template>
+<style scoped>
+.highlighted {
+  /* Add your desired highlighting styles here */
+  font-weight: bold;
+  color: #a169ff; /* or any other color you prefer */
+}
+</style>
diff --git a/resources/js/plugins/1.router/additional-routes.js b/resources/js/plugins/1.router/additional-routes.js
index ed2be71..c6e0f35 100644
--- a/resources/js/plugins/1.router/additional-routes.js
+++ b/resources/js/plugins/1.router/additional-routes.js
@@ -132,11 +132,18 @@ export const routes = [
     path: '/admin/patients/patient-profile/:id',
     name: 'admin-patient-profile',
      component: () => import('@/pages/patients/patient-profile.vue'),
+    meta: {
+     activeParent: 'admin-patients'
+    }
+     
   },
    {
     path: '/admin/provider/provider-profile/:id',
     name: 'admin-provider-profile',
      component: () => import('@/pages/providers/provider-profile.vue'),
+    meta: {
+     activeParent: 'admin-providers'
+    }
   },
   {
     path: '/admin/providers/patientprofile/:id',