diff --git a/resources/assets/js/components/ProgressTrack.vue b/resources/assets/js/components/ProgressTrack.vue
index 4e41ac5c..0aa7c413 100644
--- a/resources/assets/js/components/ProgressTrack.vue
+++ b/resources/assets/js/components/ProgressTrack.vue
@@ -1,8 +1,8 @@
 <template>
     <el-row>
-        <el-steps v-bind:value="value" :active="value" alignCenter="true" process-status="wait" finish-status="success">
+        <el-steps v-bind:value="value" :active="value" :alignCenter="true" process-status="wait" finish-status="success">
             <el-step title="Booking"></el-step>
-            <el-step title="Wating Payment"></el-step>
+            <el-step title="Payment"></el-step>
             <el-step title="Order Confirmation"></el-step>
             <el-step title="Processing Transfer"></el-step>
             <el-step title="Transfer Complete"></el-step>
diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index 48adaf05..8bebdca6 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -452,7 +452,7 @@
       BookingStatus(index, row) {
 
         // TODO : Get booking status from server 
-        this.status = 1
+        this.status = 3
         
         switch (this.status) {
           case 1:
@@ -467,7 +467,7 @@
             break;
           case 3:
             this.$router.push({
-              name: 'booking.user.upload'
+              name: 'booking.confirmation'
             })
             break;
           case 4:
diff --git a/resources/assets/js/router/routes.js b/resources/assets/js/router/routes.js
index a4dd912d..cc2db920 100644
--- a/resources/assets/js/router/routes.js
+++ b/resources/assets/js/router/routes.js
@@ -6,11 +6,14 @@ const PasswordReset = () => import('~/pages/auth/password/reset').then(m => m.de
 const NotFound = () => import('~/pages/errors/404').then(m => m.default || m)
 
 const Home = () => import('~/pages/home').then(m => m.default || m)
-const Upload = () => import('~/pages/bookings/uploadUserBankSlip').then(m => m.default || m)
 const Settings = () => import('~/pages/settings/index').then(m => m.default || m)
 const SettingsProfile = () => import('~/pages/settings/profile').then(m => m.default || m)
 const SettingsPassword = () => import('~/pages/settings/password').then(m => m.default || m)
 
+// Booking
+const Upload = () => import('~/pages/bookings/uploadUserBankSlip').then(m => m.default || m)
+const Confirmation = () => import('~/pages/bookings/confirmation').then(m => m.default || m)
+
 const AdminHome = () => import('~/pages/admin/home').then(m => m.default || m)
 
 export default [
@@ -23,6 +26,7 @@ export default [
 
   { path: '/home', name: 'home', component: Home },
   { path: '/upload-user-bankslip', name: 'booking.user.upload', component: Upload },
+  { path: '/booking/confirmation', name: 'booking.confirmation', component: Confirmation },
   { path: '/settings',
     component: Settings,
     children: [