From 85648a6c99078874701fa801e7bd9d9ea282e33d Mon Sep 17 00:00:00 2001
From: omair saleh <uldvstar@gmail.com>
Date: Wed, 23 Feb 2022 14:46:32 +0800
Subject: [PATCH] add bank details in urgent list

---
 .../bookings/elements/UrgentTransactionComponent.vue     | 4 ++++
 .../bookings/sections/UrgentListSectionComponent.vue     | 9 +++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/resources/assets/vue/components/bookings/elements/UrgentTransactionComponent.vue b/resources/assets/vue/components/bookings/elements/UrgentTransactionComponent.vue
index 80337d3c..8f95cef4 100644
--- a/resources/assets/vue/components/bookings/elements/UrgentTransactionComponent.vue
+++ b/resources/assets/vue/components/bookings/elements/UrgentTransactionComponent.vue
@@ -9,6 +9,10 @@
         <td class="v-align-middle ">
             <p>{{item.booking.marking}}</p>
         </td>
+        <td class="v-align-middle ">
+            <p>{{item.recipient_bank_account.holder_name}}</p>
+            <p>{{item.recipient_bank_account.bank_name}}<span class="m-l-5">({{item.recipient_bank_account.bank_branch}})</span>: <span class="text-primary">{{item.recipient_bank_account.account_no.replace(/[^\dA-Z]/g, '').replace(/(.{4})/g, '$1 ').trim()}}</span></p>
+        </td>
         <td class="v-align-middle">
             <p>{{item.booking.company.reference}}</p>
         </td>
diff --git a/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue b/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
index 2e1f31d7..eb3aff4d 100644
--- a/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
+++ b/resources/assets/vue/components/bookings/sections/UrgentListSectionComponent.vue
@@ -7,10 +7,11 @@
                         <table class="table table-hover">
                             <thead>
                             <tr>
-                                <th style="width:20%">Date</th>
-                                <th style="width:20%">Label</th>
-                                <th style="width:20%">Reference</th>
-                                <th style="width:29%">Marking</th>
+                                <th style="width:15%">Date</th>
+                                <th style="width:15%">Label</th>
+                                <th style="width:15%">Reference</th>
+                                <th style="width:15%">Bank</th>
+                                <th style="width:15%">Marking</th>
                                 <th style="width:15%">Amount</th>
                             </tr>
                             </thead>