From 8649c3815c06d430964b50d53d1157fd86865bf3 Mon Sep 17 00:00:00 2001
From: Edwin Eames <eddwinn@gmail.com>
Date: Sat, 6 Sep 2025 12:42:34 -0400
Subject: [PATCH] Updated sidebar

---
 src/layouts/sidebar/sidebar.vue    |  1 +
 src/pages/employee/home.vue        |  4 ++--
 src/pages/service/ServicePlans.vue | 16 ++++++++++++++++
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/layouts/sidebar/sidebar.vue b/src/layouts/sidebar/sidebar.vue
index 18cec40..debf96a 100755
--- a/src/layouts/sidebar/sidebar.vue
+++ b/src/layouts/sidebar/sidebar.vue
@@ -74,6 +74,7 @@
             </router-link>
           </li>
           <li><router-link :to="{ name: 'ServicePast' }" exact-active-class="active">Past Service</router-link></li>
+          <li><router-link :to="{ name: 'ServicePlans' }" exact-active-class="active">Service Plans</router-link></li>
         </ul>
       </details>
     </li>
diff --git a/src/pages/employee/home.vue b/src/pages/employee/home.vue
index c73cbe4..89afec2 100755
--- a/src/pages/employee/home.vue
+++ b/src/pages/employee/home.vue
@@ -45,7 +45,7 @@
                 <td>{{ person.employee_phone_number }}</td>
                 <td class="text-right">
                   <div class="flex items-center justify-end gap-2">
-                    <router-link :to="{ name: 'employeeEdit', params: { id: person.id } }" class="btn btn-sm btn-secondary">Edit</router-link>
+                    <router-link :to="{ name: 'employeeEdit', params: { id: person.user_id } }" class="btn btn-sm btn-secondary">Edit</router-link>
                     <router-link :to="{ name: 'employeeProfile', params: { id: person.id } }" class="btn btn-sm btn-ghost">View</router-link>
                     <router-link v-if="user && user.user_admin === 0" :to="{ name: 'employeeChangePassword', params: { id: person.id } }" class="btn btn-sm btn-warning">Change Password</router-link>
                   </div>
@@ -73,7 +73,7 @@
                 <p>{{ person.employee_phone_number }}</p>
               </div>
               <div class="card-actions justify-end flex-wrap gap-2 mt-2">
-                <router-link :to="{ name: 'employeeEdit', params: { id: person.id } }" class="btn btn-sm btn-secondary">Edit</router-link>
+                <router-link :to="{ name: 'employeeEdit', params: { id: person.user_id } }" class="btn btn-sm btn-secondary">Edit</router-link>
                 <router-link :to="{ name: 'employeeProfile', params: { id: person.id } }" class="btn btn-sm btn-ghost">View</router-link>
                 <router-link v-if="user && user.user_admin === 0" :to="{ name: 'employeeChangePassword', params: { id: person.id } }" class="btn btn-sm btn-warning">Change Password</router-link>
               </div>
diff --git a/src/pages/service/ServicePlans.vue b/src/pages/service/ServicePlans.vue
index ce3d3f6..2ba0584 100644
--- a/src/pages/service/ServicePlans.vue
+++ b/src/pages/service/ServicePlans.vue
@@ -45,6 +45,7 @@
                   <th>Start Date</th>
                   <th>End Date</th>
                   <th>Status</th>
+                  <th class="text-right">Actions</th>
                 </tr>
               </thead>
               <tbody>
@@ -67,6 +68,14 @@
                       {{ getStatusText(plan.contract_start_date, plan.contract_years) }}
                     </span>
                   </td>
+                  <td class="text-right align-top">
+                    <div class="flex items-center justify-end gap-1">
+                      <router-link :to="{ name: 'customerProfile', params: { id: plan.customer_id } }"
+                                   class="btn btn-xs btn-ghost">View Profile</router-link>
+                      <router-link :to="{ name: 'servicePlanEdit', params: { id: plan.customer_id } }"
+                                   class="btn btn-xs btn-secondary">Edit Contract</router-link>
+                    </div>
+                  </td>
                 </tr>
               </tbody>
             </table>
@@ -96,6 +105,13 @@
                     </span>
                   </p>
                 </div>
+
+                <div class="card-actions justify-end mt-4">
+                  <router-link :to="{ name: 'customerProfile', params: { id: plan.customer_id } }"
+                               class="btn btn-sm btn-ghost">View Profile</router-link>
+                  <router-link :to="{ name: 'servicePlanEdit', params: { id: plan.customer_id } }"
+                               class="btn btn-sm btn-secondary">Edit Contract</router-link>
+                </div>
               </div>
             </div>
           </div>