From a3b0e2c33d4faf5ff5c6a4f5bae32f12b63c65db Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Thu, 22 Jun 2023 12:22:24 +0800
Subject: [PATCH] add bill_no for payment history

---
 .../bookings/elements/PaymentHistoryComponent.vue      | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue b/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
index 702745c7..79dddba0 100644
--- a/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
@@ -33,6 +33,11 @@
                                     <div class="font-heading fs-8 all-caps" :class="[{'text-danger': item.status === 4}, {'text-primary': item.status !== 4}]">{{ item.status === 2 ? 'Received' : item.status === 4 ? 'Rejected' : 'Submitted'}} On: {{item.updated_at}}</div>
                                 </div>
                             </div>
+                            <div class="row" v-if="$store.getters.isAdmin && item.bill_no">
+                                <div class="col">
+                                    <div class="font-heading fs-8 all-caps m-t-5">Bill Number: <b>{{ item.bill_no }}</b></div>
+                                </div>
+                            </div>
                         </div>
                         <div class="col-auto" v-if="item.status !== 3" :class="[{'bg-master-light': item.status === 1  && item.type !== 6}, {'bg-master-lighter': item.status === 2}, {'bg-warning-light': item.type === 6}]">
                             <div class="row align-items-center h-100" v-if="item.status !== 1 || item.payment_method !== 5">
@@ -86,6 +91,11 @@
                                     <div class="font-heading fs-8 all-caps" >{{ item.transaction_bill.status === 1 ? 'Paid On: ' + item.updated_at : 'Transferred On:' + item.transaction_bill.updated_at }}</div>
                                 </div>
                             </div>
+                            <div class="row" v-if="$store.getters.isAdmin && item.bill_no">
+                                <div class="col">
+                                    <div class="font-heading fs-8 all-caps m-t-5">Bill Number: <b>{{ item.bill_no }}</b></div>
+                                </div>
+                            </div>
                         </div>
                         <div class="col-auto" v-if="item.transaction_bill.status !== 3 && item.transaction_bill.status !== 2" :class="[{'bg-master-light': item.transaction_bill.status === 1}, {'bg-master-lighter': item.transaction_bill.status === 2}]">
                             <div class="row align-items-center h-100">