resources/js/pages/patients/patient-profile.vue

@@ -26,7 +26,7 @@ const tabs = [
     title: 'Prescriptions',
   },
   {
-    icon: 'ri-survey-line',
+    icon: 'ri-notification-4-line',
     title: 'Profile',
   },
   // {

resources/js/pages/patients/patientprofile.vue

@@ -18,8 +18,9 @@ const agePatient = ref(null);
 const isMobile = ref(window.innerWidth <= 768);
 const patientId = route.params.id
 
+
 onMounted(async () => {
-    // console.log('patient id',props.patient_id)
+
     const navbar = document.querySelector('.layout-navbar');
     const callDiv = document.querySelector('.layout-page-content');
     if (navbar) {
@@ -116,7 +117,7 @@ const calculateAge = (dateOfBirth) => {
 
 <template>
     <v-row class='mb-2'>
-        <!-- <VCol cols="12" md="12" class="mb-4 " v-if="username || phone" style="font-size: 16px;">
+        <VCol cols="12" md="12" class="mb-4 " v-if="username || phone" style="font-size: 16px;">
             <VCard>
                 <VCardText>
                     <h3 class="mb-2"> {{ username }}</h3>
@@ -134,7 +135,7 @@ const calculateAge = (dateOfBirth) => {
                 </div>
                 <div class="mb-2">
                     <VTooltip location="left" activator="parent" transition="scroll-x-transition">
-                        Date of Birth
+                        Date of birth
                     </VTooltip>
                     <VIcon icon="ri-calendar-line" size="20" class="me-2" />{{ dob }}
                 </div>
@@ -153,7 +154,7 @@ const calculateAge = (dateOfBirth) => {
                 </div>
                 </VCardText>
             </VCard>
-        </VCol> -->
+        </VCol>
         <v-col cols="12" md="12">
             <VList class="">
                 <VListItem class="">

resources/js/pages/providers/CompletedMeetingTab.vue

@@ -47,6 +47,7 @@ const headers = [
   { key: 'start_time', title: 'Start Time' },
   { key: 'end_time', title: 'End Time' },
   { key: 'duration', title: 'Duration' },
+  { title: 'Actions', key: 'profile' }, // Add this line
 ];
 
 function totalCallDuration(start_time, end_time) {
@@ -110,6 +111,11 @@ const historyDetail = (item, value) => {
     if(value == 'prescription')
     router.push('/admin/patient/meeting/prescription/' + route.params.id + '/' + item.id);
 }
+const viewProfile = (item) => {
+    console.log('Viewing profile for', item);
+    // Navigate to the profile page (modify the route as per your application structure)
+    router.push('/admin/providers/patientprofile/' + item.patient_id);
+}
 
 const menusVariant = [
   'primary'
@@ -158,6 +164,10 @@ const options = [
         >
           <template #item.id="{ item }">{{ item.id }}</template>
           <template #item.duration="{ item }">{{ item.duration }}</template>
+          <!-- Profile Button -->
+          <template #item.profile="{ item }">
+            <v-btn class="text-capitalize text-white" @click="viewProfile(item)">Profile</v-btn>
+          </template>
           <!-- Actions -->
           <template #item.actions="{ item }">
           <div class="demo-space-x">