Updated sidebar

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>

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>

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>