diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index c9e88e0d..2ac33157 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -106,7 +106,7 @@
 
       <span slot="footer" class="dialog-footer">
         <!-- <el-button @click="dialogFormVisible = false">Cancel</el-button> -->
-        <el-button type="primary" @click="dialogFormVisible1 = false">Confirm</el-button>
+        <el-button type="primary" @click="createBooking">Confirm</el-button>
       </span>
     </el-dialog>
     <!-- Booking_confirmation_popup -->
@@ -256,32 +256,33 @@ export default {
       this.dialogFormVisible1 = true
     },
     createBooking: function () {
+      this.$router.push({ name: 'booking.user.upload' })
       // this.dialogFormVisible1 = true
 
-      let newBooking = {
-        amount: this.booking.amount,
-        account_name: this.booking.account_name,
-        bank_name: this.booking.bank_name,
-        bank_branch: this.booking.bank_branch,
-        account_num: this.booking.account_num,
-        term: this.term
-      }
-      console.log(newBooking)
-      axios.post('api/booking', newBooking)
-        .then((response) => {
-          console.log(response)
+      // let newBooking = {
+      //   amount: this.booking.amount,
+      //   account_name: this.booking.account_name,
+      //   bank_name: this.booking.bank_name,
+      //   bank_branch: this.booking.bank_branch,
+      //   account_num: this.booking.account_num,
+      //   term: this.term
+      // }
+      // console.log(newBooking)
+      // axios.post('api/booking', newBooking)
+      //   .then((response) => {
+      //     console.log(response)
 
-          // this code to insert the input data into the database (success)
-          // this.Booking.amount = amount;
-          // this.Booking.account_name = account_name;
-          // this.Booking.bank_name = bank_name;
-          // this.Booking.branch = bank_branch;
-          // this.Booking.account_num = account_num;
-          // this.term = term;
-        })
-        .catch((error) => {
-          console.log(error)
-        })
+      //     // this code to insert the input data into the database (success)
+      //     // this.Booking.amount = amount;
+      //     // this.Booking.account_name = account_name;
+      //     // this.Booking.bank_name = bank_name;
+      //     // this.Booking.branch = bank_branch;
+      //     // this.Booking.account_num = account_num;
+      //     // this.term = term;
+      //   })
+      //   .catch((error) => {
+      //     console.log(error)
+      //   })
     },
     BookingList () {
       axios.get('api/booking')
diff --git a/resources/assets/js/router/routes.js b/resources/assets/js/router/routes.js
index 83f40751..a4dd912d 100644
--- a/resources/assets/js/router/routes.js
+++ b/resources/assets/js/router/routes.js
@@ -22,7 +22,7 @@ export default [
   { path: '/password/reset/:token', name: 'password.reset', component: PasswordReset },
 
   { path: '/home', name: 'home', component: Home },
-  { path: '/upload-user-bankslip', name: 'upload', component: Upload },
+  { path: '/upload-user-bankslip', name: 'booking.user.upload', component: Upload },
   { path: '/settings',
     component: Settings,
     children: [