Added service plan. Password change

src/pages/employee/edit.vue

@@ -141,6 +141,18 @@
             </div>
           </div>
 
+          <!-- SECTION 4: Fired or Current -->
+          <div>
+            <h2 class="text-lg font-bold">Fired or Current</h2>
+            <div class="divider mt-2 mb-4"></div>
+            <div class="form-control">
+              <label class="label cursor-pointer">
+                <span class="label-text">Active Employee</span>
+                <input v-model="CreateEmployeeForm.active" type="checkbox" class="checkbox checkbox-primary" />
+              </label>
+            </div>
+          </div>
+
           <!-- SUBMIT BUTTON -->
           <div class="pt-4">
             <button type="submit" class="btn btn-primary btn-sm">Save Changes</button>
@@ -189,6 +201,7 @@ export default defineComponent({
         employee_end_date: "",
         employee_type: 0,
         employee_state: 0,
+        active: true,
       },
     }
   },
@@ -237,7 +250,9 @@ export default defineComponent({
     },
     EditEmployee(payload: any) {
       const path = `${import.meta.env.VITE_BASE_URL}/employee/edit/${this.employee_id}`;
-      axios.post(path, payload, { withCredentials: true, headers: authHeader() })
+      // Convert active from boolean to integer for API
+      const apiPayload = { ...payload, active: payload.active ? 1 : 0 };
+      axios.post(path, apiPayload, { withCredentials: true, headers: authHeader() })
         .then((response: any) => {
           if (response.data.ok) {
             this.$router.push({ name: "employeeProfile", params: { id: this.employee_id } });
@@ -250,7 +265,10 @@ export default defineComponent({
       const path = `${import.meta.env.VITE_BASE_URL}/employee/${userid}`;
       axios.get(path, { withCredentials: true, headers: authHeader() })
         .then((response: any) => {
-          this.CreateEmployeeForm = response.data;
+          const data = response.data;
+          // Convert active from integer to boolean
+          data.active = data.active === 1;
+          this.CreateEmployeeForm = data;
         });
     },
     onSubmit() {
@@ -273,4 +291,4 @@ export default defineComponent({
     },
   },
 })
-</script>
+</script>