diff --git a/resources/assets/js/pages/admin/booking/verification.vue b/resources/assets/js/pages/admin/booking/verification.vue
index e69de29b..c9c7b4d9 100644
--- a/resources/assets/js/pages/admin/booking/verification.vue
+++ b/resources/assets/js/pages/admin/booking/verification.vue
@@ -0,0 +1,117 @@
+<template>
+  <el-main>
+    <progress-track v-model="status"></progress-track>
+
+    <div align="center">
+      <h4 style="margin-top:5%;">Transfer In Progress</h4>
+      <br>
+      <h5> ETA :  3 days 14 Hours </h5>
+      <br>
+      <el-button type="primary" @click="$router.go(-1)">Go Back</el-button>
+    </div>
+    <br>
+    <el-row justify="center" align="center">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>Order Details</span>
+          <!-- <el-button style="float: right; padding: 3px 0" type="text">Operation button</el-button> -->
+        </div>
+        <el-row :gutter="12">
+          <el-col :span="12">
+            <el-table :data="bookingConfirmTable" align="center" :show-header="false">
+              <el-table-column prop="data1" align="right" width="200" />
+              <el-table-column prop="data2" align="left" width="200" />
+            </el-table>
+          </el-col>
+          <el-col :span="12">
+            <el-table :data="bookingConfirmTable2" align="center" :show-header="false">
+              <el-table-column prop="data1" align="right" width="200" />
+              <el-table-column prop="data2" align="left" width="200" />
+            </el-table>
+          </el-col>
+        </el-row>
+      </el-card>
+    </el-row>
+    <br>
+
+      <el-row justify="center" align="center">
+      <el-card class="box-card">
+        <div slot="header" class="clearfix">
+          <span>BankinSlip</span>
+          <!-- <el-button style="float: right; padding: 3px 0" type="text">Operation button</el-button> -->
+        </div>
+        <el-row :gutter="12">
+          <el-col :span="22" style="text-align:center">
+            <img src="http://via.placeholder.com/600x400" class="image">
+          </el-col>
+        </el-row>
+      </el-card>
+    </el-row>
+  </el-main>
+</template>
+<style>
+  .booking-details {
+    font-weight: bold;
+  }
+</style>
+<script>
+  import VueCountdown from '@dmaksimovic/vue-countdown'
+  import ProgressTrack from '~/components/ProgressTrack'
+
+  export default {
+    components: {
+      'progress-track': ProgressTrack
+    },
+    data() {
+      return {
+        status: 4,
+        bookingConfirmTable: [{
+          data1: 'Order Number :',
+          data2: '001'
+        }, {
+          data1: 'Date :',
+          data2: '25/5/2018'
+        }, {
+          data1: 'Customer Marking :',
+          data2: 'CIEF/150ECE'
+        }, {
+          data1: '',
+          data2: ''
+        }, {
+          data1: 'Payment Method :',
+          data2: 'Cash/Bank Transfer'
+        }, {
+          data1: '',
+          data2: ''
+        }],
+        bookingConfirmTable2:[{
+          data1: 'CNY/RMB :',
+          data2: 'CNY 120,500.00'
+        }, {
+          data1: '+ Service Charge :',
+          data2: 'CNY 20.00'
+        }, {
+          data1: '/ RATE :',
+          data2: '1.63'
+        }, {
+          data1: '',
+          data2: 'MYR 73,848.04'
+        }, {
+          data1: '+ GST 6% :',
+          data2: 'MYR 4,430.88'
+        }, {
+          data1: '',
+          data2: 'MYR 78,278.92'
+        }, {
+          data1: '',
+          data2: ''
+        }
+        ]
+      }
+    },
+    methods: {
+
+
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/pages/admin/home.vue b/resources/assets/js/pages/admin/home.vue
index 56a63f93..f311b69d 100644
--- a/resources/assets/js/pages/admin/home.vue
+++ b/resources/assets/js/pages/admin/home.vue
@@ -79,6 +79,54 @@ export default {
         const property = column['property']
         return row[property] === value
       },
+      BookingStatus(status, booking_id) {
+        console.log(status)
+        // TODO : Get booking status from server 
+        this.status = status
+
+        switch (this.status) {
+          case 1:
+            this.$router.push({
+              name: 'booking.user.upload',
+              params: {id: booking_id }
+            })
+
+          case 2:
+              this.$router.push({
+              name: 'booking.confirmation',
+              params: {id: booking_id  }
+            })
+            break;
+          case 3:
+           this.$router.push({
+              name: 'booking.transfer',
+              params: {id: booking_id  }
+            })
+            break;
+          case 4:
+           this.$router.push({
+              name: 'booking.user.uploadpo',
+              params: {id: booking_id  }
+            })
+            break;
+
+          case 5:
+            this.$router.push({
+              name: 'booking.user.pocomplete',
+              params: {id: booking_id  }
+            })
+            break;
+
+          case 6:
+            this.$router.push({
+              name: 'booking.complete',
+              params: {id: booking_id  }
+            })
+            break;
+          default:
+            break
+        }
+      }
   }
   
 }
diff --git a/resources/assets/js/router/routes.js b/resources/assets/js/router/routes.js
index e9fd43c9..7b746eed 100644
--- a/resources/assets/js/router/routes.js
+++ b/resources/assets/js/router/routes.js
@@ -19,6 +19,15 @@ const PoComplete = () => import('~/pages/booking/poComplete').then(m => m.defaul
 const Completed = () => import('~/pages/booking/completed').then(m => m.default || m)
 
 
+// Admin booking
+const Verification = () => import('~/pages/admin/booking/verification').then(m => m.default || m)
+const Supplier = () => import('~/pages/admin/booking/supplierBooking').then(m => m.default || m)
+const SupplierReport = () => import('~/pages/admin/booking/supplierReport').then(m => m.default || m)
+const UploadCNSlip = () => import('~/pages/admin/booking/uploadChinaBankslip').then(m => m.default || m)
+const UploadInvoice = () => import('~/pages/admin/booking/uploadInvoice').then(m => m.default || m)
+//const Completed = () => import('~/pages/booking/uploadUserBankSlip').then(m => m.default || m)
+
+
 const AdminHome = () => import('~/pages/admin/home').then(m => m.default || m)
 
 export default [
@@ -45,6 +54,14 @@ export default [
   { path: '/booking/:id/po-complete', name: 'booking.user.pocomplete', component: PoComplete },
   { path: '/booking/:id/complete', name: 'booking.complete', component: Completed },
 
+  // Admin booking 
+  { path: '/booking/:id/verification', name: 'booking.admin.verification', component: Verification },
+  { path: '/booking/:id/supplier', name: 'booking.confirmation', component: Supplier },
+  { path: '/booking/:id/supplier-report', name: 'booking.transfer', component: SupplierReport },
+  { path: '/booking/:id/upload-cn-bankslip', name: 'booking.user.uploadpo', component: UploadCNSlip },
+  { path: '/booking/:id/upload-invoice', name: 'booking.user.pocomplete', component: UploadInvoice },
+  { path: '/booking/:id/complete', name: 'booking.complete', component: Completed },
+
 
   { path: '/admin', name: 'admin.home', component: AdminHome },
   { path: '*', name:'notfound', component: NotFound }