From c3d50a776b8e8e101e2e2b4451c0d4cea7a640b3 Mon Sep 17 00:00:00 2001
From: Jack Goh <jackgoh0@gmail.com>
Date: Sun, 22 Jul 2018 15:54:18 +0800
Subject: [PATCH] fix user booking form

---
 resources/assets/js/pages/home.vue | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index 8f7c6ee7..8e2d5c0e 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -142,8 +142,8 @@
     <!-- Form_popup -->
       <el-dialog :visible.sync="dialogFormVisible" :fullscreen="true" title="Booking" center>
         <el-form ref="bookingForm" :model="bookingForm" :rules="rules">
-          <div align="center">
-          <el-form-item prop="payment_for">
+          <div align="center"> 
+          <el-form-item prop="payment_for"> <!-- TODO : this should be payment for order number -->
             <el-select v-model="bookingForm.payment_for" placeholder="Payment For" style="width: 80%" required="true">
               <el-option v-for="item in options3" :key="item.value" :label="item.label" :value="item.value" />
             </el-select>
@@ -188,7 +188,11 @@
           </tr>
           <tr>
             <td>Payment for (Order No.) : </td>
-            <td> {{ bookingConfirmTable.payment_order }}</td>
+            <td> {{ bookingConfirmTable.order_no }}</td>
+          </tr>
+          <tr>
+            <td>Payment for : </td>
+            <td> {{ bookingConfirmTable.payment_for }}</td>
           </tr>
           <tr>
             <td>Payment Method : </td>
@@ -354,7 +358,8 @@ export default {
           bank_name: '',
           bank_branch: '',
           account_num: '',
-          payment_for: 'Full Payment'
+          order_no: null,
+          payment_for: 'Full Payment' 
       },
       rules: {
           order_no: [{
@@ -522,16 +527,15 @@ export default {
         if (valid) {
           let newConfirmation = {
             amount: this.booking.amount,
-            term: this.term
+            term: this.term,
+            order_no: this.bookingForm.order_no,
+            payment_for: this.bookingForm.payment_for
           }
           axios.post('api/booking/calculation', newConfirmation)
             .then((response) => {
               this.loading = false
               console.log(response)
               this.bookingConfirmTable = response.data;
-              this.bookingConfirmTable.payment_for = 'Full Payment';//For future purpose
-              this.bookingConfirmTable.remark = '';//For future purpose
-              this.bookingConfirmTable.payment_order = '';//For future purpose
               this.dialogFormVisible = false
               this.dialogFormVisible1 = true
             })