From 39ae32058187d599a0b78a96cc03b0845c6716ee Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Tue, 15 Mar 2022 15:08:19 +0800
Subject: [PATCH] show payment proof date in payment history

---
 .../bookings/elements/PaymentHistoryComponent.vue        | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue b/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
index 373e5107..724de10f 100644
--- a/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/PaymentHistoryComponent.vue
@@ -194,6 +194,11 @@
                             <div class="font-heading all-caps fs-10 m-b-5">Our Payment Proof</div>
                             <div class="row" v-if="item.transaction_bill">
                                 <div class="col">
+                                    <div class="row" v-if="item.transaction_bill.status !== 2 && item.transaction_bill.status !== 3">
+                                        <div class="col">
+                                            <p class="fs-12 muted">Payment proof will be uploaded {{ (parseFloat(item.interval.duration) + 1) <= 0 ? 'today' : (parseFloat(item.interval.duration) + 1) === 2 ? 'tomorrow' : 'in '+(parseFloat(item.interval.duration) + 1)+' days'}} at 4:00 PM</p>
+                                        </div>
+                                    </div>
                                     <div class="row no-margin justify-content-end" v-if="(item.transaction_bill.status === 2 || item.transaction_bill.status === 3)">
                                         <div v-for="file in item.transaction_bill.documents.files" v-bind:key="file.id"  class="col-auto no-padding m-l-5">
                                             <document-file-viewer-component :file="file">
@@ -207,9 +212,9 @@
                                     </div>
                                 </div>
                             </div>
-                            <div class="row" v-if="">
+                            <div class="row" v-if="!item.transaction_bill">
                                 <div class="col">
-                                    Payment proof will be uploaded {{ (parseFloat(item.interval.duration) + 1) <= 0 ? 'today' : (parseFloat(item.interval.duration) + 1) === 2 ? 'tomorrow' : 'in '+(parseFloat(item.interval.duration) + 1)+'days'}} at 4:00 PM
+                                    <p class="fs-12 muted">Payment proof will be uploaded {{ (parseFloat(item.interval.duration) + 1) <= 0 ? 'today' : (parseFloat(item.interval.duration) + 1) === 2 ? 'tomorrow' : 'in '+(parseFloat(item.interval.duration) + 1)+' days'}} at 4:00 PM</p>
                                 </div>
                             </div>
                         </div>