diff --git a/resources/assets/js/pages/booking/completed.vue b/resources/assets/js/pages/booking/completed.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/assets/js/pages/booking/confirmation.vue b/resources/assets/js/pages/booking/confirmation.vue
new file mode 100644
index 00000000..48449a99
--- /dev/null
+++ b/resources/assets/js/pages/booking/confirmation.vue
@@ -0,0 +1,82 @@
+<template>
+  <el-main>
+    <progress-track v-model="status"></progress-track>
+
+    <div align="center">
+      <h4 style="margin-top:5%;">Waiting Admin to Confirm</h4>
+    </div>
+  
+    <el-row justify="center" align="center">
+      <el-table :data="bookingDetails" style="width: 50%; margin: 0 auto; margin-top: 2%; margin-bottom:2%" :show-header="false" align="center">
+        <el-table-column prop="label" align="right" />
+        <el-table-column class-name="booking-details" prop="data" align="left"/>
+      </el-table>
+    </el-row>
+
+    <!-- action="https://jsonplaceholder.typicode.com/posts/" -->
+
+
+    <div align="center">
+      Time Left :
+      <vue-countdown ref="countdown" :seconds="3600" :auto-start="false" label="Time Left :" @time-expire="handleTimeExpire" />
+
+      <!-- <button v-on:click="startTimer">Start timer</button> -->
+    </div>
+    <br>
+
+
+
+    <!-- upload image -->
+    <el-upload :on-preview="handlePictureCardPreview" :on-remove="handleRemove" list-type="picture-card" align="center">
+      <i class="el-icon-plus" />
+    </el-upload>
+    <el-dialog :visible.sync="dialogVisible">
+      <img :src="dialogImageUrl" width="100%" alt="">
+    </el-dialog>
+    <br>
+    <!-- upload image end -->
+
+    <!-- <el-form label-width="300px">
+        <el-form-item label="Amount (RM) :"> -->
+    <div align="center">
+      Bankin Amount (RM) :
+      <el-input placeholder="Enter Amount" style="width: 20%" />
+      <br>
+      <br>
+    </div>
+    <!-- </el-form-item>
+    </el-form> -->
+
+    <div align="center">
+      <el-button type="submit" @click="submitUserSlip">Submit</el-button>
+      <router-link :to="{ name: 'home' }" class="small ml-auto my-auto">
+        Upload Later
+      </router-link>
+    </div>
+
+  </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: 3,
+      }
+    },
+    methods: {
+     
+
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/resources/assets/js/pages/booking/transfer.vue b/resources/assets/js/pages/booking/transfer.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/assets/js/pages/booking/uploadPo.vue b/resources/assets/js/pages/booking/uploadPo.vue
new file mode 100644
index 00000000..e69de29b
diff --git a/resources/assets/js/pages/bookings/uploadUserBankSlip.vue b/resources/assets/js/pages/booking/uploadUserBankSlip.vue
similarity index 100%
rename from resources/assets/js/pages/bookings/uploadUserBankSlip.vue
rename to resources/assets/js/pages/booking/uploadUserBankSlip.vue