diff --git a/src/views/DepartemenIndex.vue b/src/views/DepartemenIndex.vue
index 38d775ea746773df200f72ac5721231acaa9e9e0..b08c10d829a81bae918acc0f16f6b34b194f4087 100644
--- a/src/views/DepartemenIndex.vue
+++ b/src/views/DepartemenIndex.vue
@@ -70,12 +70,16 @@
         <template v-if="type === 'addDept'">
           <form @submit="insert" autocomplete="off" id="formAddDept">
             <label for="deptInput">Nama Departemen</label>
-            <input v-model="deptnameadd" type="text" id="deptname-input" class="form-control">
+            <input v-model="deptnameadd" type="text" id="deptInput" class="form-control">
             <button type="submit" class="btn-blue p-1" >Simpan</button>
           </form> 
         </template>
         <template v-if="type === 'editDept'">
-          test edit 
+          <form @submit="edit" autocomplete="off" id="formEditDept">
+            <label for="deptEdit">Nama Departemen</label>
+            <input v-model="deptnameedit" type="text" id="deptEdit" class="form-control">
+            <button type="submit" class="btn-blue p-1" >Simpan</button>
+          </form> 
         </template>
 			</template>
 	</Modal>
@@ -102,6 +106,7 @@ export default {
       type:"",
       isModalVisible: false,
 			deptnameadd:"",
+      deptnameedit:"",
       dept: [],
       temp_dept: [
         {
@@ -124,6 +129,7 @@ export default {
       filter: "",
     };
   },
+  props:{},
   methods: {
     showModal(type){
       switch(type){
@@ -160,10 +166,50 @@ export default {
     deleteDept(id) {
       console.log(id);
     },
+    edit(e){
+      e.preventDefault();
+
+      //let prevDept = this.temp_dept[parseInt(id)-1]
+      //console.log(prevDept.nama)
+
+      //get data from form
+			let formValue = this.deptnameedit
+      console.log(formValue)
+			console.log(typeof formValue) //udah jalan sampe sini
+      //console.log(id) //id undefined
+      //console.log(this.id) //undefined
+
+      //this.temp_dept[parseInt(this.id)-1].nama = formValue
+
+      // methods: {
+      //   // ...
+      //   fillData(selected){
+      //     this.datacollection.datasets[0].label = selected;
+      //   },
+
+
+      // let prevDept = this.temp_dept[parseInt(id)-1].nama
+      // prevDept = formValue
+      // console.log(prevDept)
+
+			alert("Dept berhasil diedit")
+
+			document.getElementById("formEditDept").reset();
+    },
+
     editDept(id) {
-      console.log(id);
+      //console.log(id);
       this.showModal("editDept");
 
+      //get data
+      let dept = this.temp_dept[parseInt(id)-1]
+      this.deptnameedit = dept.nama
+      //console.log(this.deptnameedit)
+
+      //change data
+
+      
+
     },
     // updateDept(event){
     //   console.log(event);