From 8eb07ad94f63c142fa7a718a634f61825a58624e Mon Sep 17 00:00:00 2001
From: jouls <jl.superalis@gmail.com>
Date: Sat, 23 Mar 2024 12:01:46 +0800
Subject: [PATCH] added bankNum masking in modal box

---
 vendor-payouts.php | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/vendor-payouts.php b/vendor-payouts.php
index e1780a8..b5a372e 100644
--- a/vendor-payouts.php
+++ b/vendor-payouts.php
@@ -284,6 +284,7 @@ if ($_SESSION["userId"] <> "") {
         </div>
     </section>
 
+    <!-- Modal Box for the breakdown of payouts from the payouts data table - JOHN LOUIE C. SUEPERALIS MARCH 22, 2024 -->
     <div class="modal fade" id="payoutsModal" tabindex="-1" aria-labelledby="payoutsModalLabel" aria-hidden="true">
         <div class="modal-dialog modal-xl" style="min-width: 90%;">
             <div class="modal-content">
@@ -636,6 +637,8 @@ if ($_SESSION["userId"] <> "") {
     <!-- Main Js -->
     <script src="assets/js/vendor/index.js"></script>
     <script src="assets/js/main.js"></script>
+
+    <!-- JS CRIPT FOR DYNAMIC MODAL BOX USING AJAX - JOHN LOUIE C. SUPERALIS MARCH 22, 2024 -->
     <script>
         $(document).ready(function() {
             $('.showSinglePayoutBtn').click(function() {
@@ -657,6 +660,8 @@ if ($_SESSION["userId"] <> "") {
                         var payoutStatus = response.status;
                         var bankName = response.bank_information[0].bank_name;
                         var bankNum = response.bank_information[0].bank_account_number;
+                        var bankNumEnding = bankNum.slice(-3); // Extract last three characters of bankNum
+                        var maskedBankNum = "Ending in " + bankNumEnding; // Create message
                         var bankAccName = response.bank_information[0].bank_account_name;
                         var paymentType = response.transaction_logs[0].Type;
                         // var transDate = response.transaction_logs[0].Transaction + " " + date;
@@ -708,7 +713,7 @@ if ($_SESSION["userId"] <> "") {
                                     </div>
                                     <div class="d-flex justify-content-between p-2">
                                         <div class="fw-bold">Account Number</div>
-                                        <div>${bankNum}</div>
+                                        <div>${maskedBankNum}</div>
                                     </div>
 
                                 </div>