From 23741c1b8c769790e95ebc66ccb83f5b225c32fa Mon Sep 17 00:00:00 2001
From: weichien <weichien00@gmail.com>
Date: Fri, 19 Mar 2021 10:13:45 +0800
Subject: [PATCH] feat: [FE] add new component to manage billing address.

---
 .../sections/BookingDetailsSectionComponent.vue     | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue b/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
index 67de1163..0cba9c2f 100644
--- a/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/BookingDetailsSectionComponent.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="row">
+    <div class="row parentContainer">
         <div class="col">
             <loading-component style="height: 200px; top: 0;" key="1" color="success" v-show="isLoading"></loading-component>
             <div class="row" v-show="!isLoading" v-if="booking">
@@ -91,6 +91,14 @@
                                                 </div>
                                             </div>
                                         </div>
+                                        <div class="row p-b-15">
+                                        <div class="col">
+                                            <div class="btn btn-sm btn-block btn-success b-rad-none shadow-sm pointer requestModal" data-type="addressesList" >Edit</div>
+                                        </div>
+                                    </div>
+                                    <modal-component class="animate__animated animate__fast animate__fadeIn" styleType="fill-in" type="addressesList" size="large">
+                                        <address-list-component :section="section" :company_id="booking.company.id" v-on:updateDefaultAddress="updateDefaultAddress"></address-list-component>
+                                    </modal-component>
                                     </div>
                                 </div>
                             </div>
@@ -309,6 +317,9 @@
             },
             errorHandler(){
                 window.location.href = this.route('dashboard')
+            },
+            updateDefaultAddress(){
+                this.fetchBooking();
             }
         }
     }