diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index bad276d5..7bc1a0c3 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -41,29 +41,6 @@
     <el-button type="text" @click="dialogFormVisible = true">Book</el-button></div></el-col>
 </el-row>
 
-<!-- Form_popup -->
-<el-dialog title="Booking" :visible.sync="dialogFormVisible" center fullscreen="true">
-  <el-form :model="form"><div align="center">
-    <el-form-item>
-      <el-input placeholder="China Beneficiary Account" style="width: 80%"></el-input>
-    </el-form-item>
-    <el-form-item>
-      <el-input placeholder="Bank Name / AliPay / WechatPay" style="width: 80%"></el-input>
-    </el-form-item>
-    <el-form-item>
-      <el-input placeholder="Branch / 分行/支行" style="width: 80%"></el-input>
-    </el-form-item>
-    <el-form-item>
-      <el-input placeholder="Account Number / AliPay_ID / WechatPay_ID" style="width: 80%"></el-input>
-    </el-form-item></div>
-  </el-form>
-  <span slot="footer" class="dialog-footer">
-    <el-button @click="dialogFormVisible = false">Cancel</el-button>
-    <el-button type="primary" @click="dialogFormVisible = false">Book Now</el-button>
-  </span>
-</el-dialog>
-<!-- Form_popup-end -->
-
 <br>
 <el-row :gutter="20" type="flex" justify="center" align="middle">
   <el-col><div class="grid-content bg-purple" align="right"><i type="button" class="el-icon-question" circle></i></div></el-col>
@@ -85,6 +62,46 @@
 </el-row>
 <!-- Rate-Display-end -->
 
+<!-- Form_popup -->
+<el-dialog title="Booking" :visible.sync="dialogFormVisible" center fullscreen="true">
+  <el-form :model="form"><div align="center">
+    <el-form-item>
+      <el-input placeholder="China Beneficiary Account" style="width: 80%"></el-input>
+    </el-form-item>
+    <el-form-item>
+      <el-input placeholder="Bank Name / AliPay / WechatPay" style="width: 80%"></el-input>
+    </el-form-item>
+    <el-form-item>
+      <el-input placeholder="Branch / 分行/支行" style="width: 80%"></el-input>
+    </el-form-item>
+    <el-form-item>
+      <el-input placeholder="Account Number / AliPay_ID / WechatPay_ID" style="width: 80%"></el-input>
+    </el-form-item></div>
+  </el-form>
+  <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogFormVisible = false">Cancel</el-button>
+    <el-button type="primary" @click="dialogFormVisible1 = true">Book Now</el-button>
+  </span>
+</el-dialog>
+<!-- Form_popup-end -->
+
+<!-- Booking_confirmation_popup -->
+<el-dialog title="Booking Confirmation" :visible.sync="dialogFormVisible1" center fullscreen="true">
+
+<!-- Table_booking_confirmation -->
+<el-table :data="tableData1" align="center">
+        <el-table-column prop="data1" align="right" width="200"></el-table-column>
+        <el-table-column prop="data2" align="left" width="200"></el-table-column>
+</el-table>
+<!-- Table_booking_confirmation-end -->  
+ 
+  <span slot="footer" class="dialog-footer">
+    <!-- <el-button @click="dialogFormVisible = false">Cancel</el-button> -->
+    <el-button type="primary" @click="dialogFormVisible1 = false">Confirm</el-button>
+  </span>
+</el-dialog>
+<!-- Booking_confirmation_popup -->
+
   <br><br>
   <hr>
 
@@ -201,11 +218,67 @@
         value2: '',
         input: '',
         dialogFormVisible: false,
+        dialogFormVisible1: false,
         form: {
           name: '',
           region: ''
         },
-        formLabelWidth: '0px'
+        formLabelWidth: '0px',
+        tableData1: [{
+          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: ''
+        },{
+          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: ''
+        },{
+          data1: 'China Beneficiary Acc :',
+          data2: ''
+        },{
+          data1: '',
+          data2: 'PENDING'
+        },{
+          data1: '',
+          data2: ''
+        },{
+          data1: 'Bank In Amount :',
+          data2: 'MYR 78,278.92'
+        },{
+          data1: '',
+          data2: ''
+        }]
       };
     },
     methods: {