From a82ab56a43cc55d777e2baafa4042ab417871692 Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Sat, 31 May 2025 21:33:56 +0800
Subject: [PATCH] E-Invoice - Do not allow customer to edit PO when customer
 already has payment pending verification

---
 .../bookings/forms/PurchaseOrderFormComponent.vue      | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
index 942a30e4..becc83d0 100644
--- a/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PurchaseOrderFormComponent.vue
@@ -188,12 +188,12 @@
                 <div class="col" v-if="submitted">
                     <div class="alert alert-success padding-15" role="alert">
                         <div class="font-heading fs-12 all-caps bold m-b-15">Your Purchase Order {{data.purchase_order.status === 1 ? 'is Being Processed for Verification' : 'has been Approved' }}</div>
-                        <div class="row m-b-15" v-if="(Math.round((data.paid_amount + Number.EPSILON) * 100) / 100) === 0">
+                        <div class="row m-b-15" v-if="allowPOEditing">
                             <div class="col">
                                 <div class="font-heading fs-10">If you would like to still edit your Purchase Order you can do that by clicking on the edit button below, but your purchase order verification request will be reset.</div>
                             </div>
                         </div>
-                        <button class="btn btn-xs all-caps b-rad-none btn-default bg-master-lightest w-100" @click="submitted = false" v-if="(Math.round((data.paid_amount + Number.EPSILON) * 100) / 100) === 0">Edit Purchase Order</button>
+                        <button class="btn btn-xs all-caps b-rad-none btn-default bg-master-lightest w-100" @click="submitted = false" v-if="allowPOEditing">Edit Purchase Order</button>
                         <!-- <button class="btn btn-xs all-caps b-rad-none btn-default bg-master-lightest w-100" @click="submitted = false" >Edit Purchase Order</button> -->
                         <button class="btn btn-xs all-caps b-rad-none btn-complete w-100 m-t-5" v-if="!data.documents.proforma_invoice && data.outstanding_amount != 0" @click="submit(route('api.booking.proforma.create', data.id), 'post', section, true, true)">Generate Proforma Invoice</button>
                     </div>
@@ -246,6 +246,12 @@
                 return this.products.reduce(function(last, product) {
                     return last + product.total;
                 }, 0);
+            },
+           allowPOEditing() {
+                const noPaymentsMade = Math.round((this.data.paid_amount + Number.EPSILON) * 100) / 100 === 0;
+                const noPendingVerifications = this.data.payment_history.every(payment => payment.status !== 1);
+
+                return noPaymentsMade && noPendingVerifications;
             }
         },
         watch: {