From 3aed560f1cca730671c1ad816239b1316c6565e1 Mon Sep 17 00:00:00 2001
From: Afiq Hamzah <afiq.hamzah@pkb.net.my>
Date: Sun, 6 Oct 2024 13:13:40 +0800
Subject: [PATCH] Add counter badge of transaction online trail controller

---
 .../OnlineTransactionTrailController.php      |   4 +-
 resources/.DS_Store                           | Bin 0 -> 6148 bytes
 .../views/components/filter-card.blade.php    |   2 +-
 resources/views/online/trail/index.blade.php  |  38 +++++++++++++++---
 4 files changed, 37 insertions(+), 7 deletions(-)
 create mode 100644 resources/.DS_Store

diff --git a/app/Http/Controllers/OnlineTransactionTrailController.php b/app/Http/Controllers/OnlineTransactionTrailController.php
index 7d290f0..a578b10 100644
--- a/app/Http/Controllers/OnlineTransactionTrailController.php
+++ b/app/Http/Controllers/OnlineTransactionTrailController.php
@@ -49,8 +49,10 @@ class OnlineTransactionTrailController extends Controller
             ])
             ->json();
             
+            
         $branches = Http::arrahn()->get('/api/cawangan')->json();
-
+        
+        
         return view('online.trail.index', compact('transactionTrail', 'startDate', 'endDate', 'norujukan', 'selectedStatus', 'statuses', 'billplzBillId', 'branches', 'selectedBranch'));
     }
 }
diff --git a/resources/.DS_Store b/resources/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..04807bd5a7e16eefe42a6e998914123f06805338
GIT binary patch
literal 6148
zcmeHKu}%U(5S^7XArKQxEG(~+4ykPpa#)*C*%$;2YQQ5QO6l2YYw2I`5!%|=8Gpjg
z&NsUY>~g22Q8SawzPp*7ec6}X&MgtC=4HQ5R3V}woG~b2$T7~dXKc+zwt$M)sJDB`
zXq=fR0Z~8{_?-&yw_BhdO=vP4c;D~dGBZlzxI0X`h!n36ZVzWSj}155|0X*=bywwc
zhSunOg{>4!=W&;-djHybX+ANRt{Ejurq!Isv$4xO0S)PxE@<HIth(doT)yY--F$D0
zT9-2~@9|Q{@J_&+QB=KYUYm1yj}nJ>kzejLFYoh)%)3rkbVesMT~W9EUh}gq_x`N$
z@lewmJN53a^JjScn@lhE#}q)%W-FEr$|wqm0;0e|0X`o>IAdfnHK>mc4EhQH3=r0a
zXWiq0AqRkw#nd1oFl9=Crc~K0hBD=dhjw0MF*Rt)Noi)RW0{q`p(xFcc&Mk7iVVsq
z3Wx%}0tNG0;r`$H`u^`1$(tx33j8YtR1ml0CbndIYi4uYYeRSk&c^dngSrHRZO8h7
eTk$qr8*(8(03(a3K}2BkBcNrFK@|8=1wH|~?3FkG

literal 0
HcmV?d00001

diff --git a/resources/views/components/filter-card.blade.php b/resources/views/components/filter-card.blade.php
index abb4e95..388fd8b 100644
--- a/resources/views/components/filter-card.blade.php
+++ b/resources/views/components/filter-card.blade.php
@@ -31,7 +31,7 @@
                                         <div class="flex">
                                             <span
                                                 class="text-gray-600 border border-2 rounded-l px-4 py-2 whitespace-no-wrap"
-                                                style="background-color: rgb(249, 250, 251);">Pada
+                                                style="background-color: rgb(249, 250, 251);">Daripada
                                             </span>
                                             <input id="tarikhmula" name="startDate" type="date"
                                                 class="border border-2 border-l-0 rounded-r px-4 py-2 w-80r mr-2"
diff --git a/resources/views/online/trail/index.blade.php b/resources/views/online/trail/index.blade.php
index 1dc2b12..5c0e2ff 100644
--- a/resources/views/online/trail/index.blade.php
+++ b/resources/views/online/trail/index.blade.php
@@ -40,16 +40,44 @@
     </div>
 
 
+    @php
+        $isGroupedByNorujukan = request()->groupedByNorujukan === 'on' ? true : false;
+    @endphp
     <div class="container mx-auto p-4 bg-yellow-50">
         <div class="flex border-b border-gray-200 mb-4">
-            <button class="tab-button active" data-tab="transactions-online">Transactions Online</button>
-            <button class="tab-button" data-tab="transactions">Transactions</button>
-            <button class="tab-button" data-tab="transaksi-keuntungan">Transaksi Keuntungan</button>
-            <button class="tab-button" data-tab="gldetail">GL Detail</button>
+            <button class="tab-button active flex items-center" data-tab="transactions-online">
+                <span>Transactions Online</span>
+                @php
+                    $flattenArray = fn($x) => is_array($x) ? array_merge(...array_values($x)) : [$x];
+                    
+                    $transactionOnlineNumbers = $isGroupedByNorujukan ? sizeOf($flattenArray($transactionTrail['transactionsOnline'])) : sizeOf($transactionTrail['transactionsOnline']);
+                @endphp
+                <span class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white bg-yellow-600 rounded-full ml-2">{{ $transactionOnlineNumbers }}</span>
+            </button>
+            <button class="tab-button flex items-center" data-tab="transactions">
+                <span>Transactions</span>
+                @php
+                    $transactionNumbers = $isGroupedByNorujukan ? sizeOf($flattenArray($transactionTrail['transaction'])) : sizeOf($transactionTrail['transaction']);
+                @endphp
+                <span class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white bg-yellow-600 rounded-full ml-2">{{ $transactionNumbers }}</span>
+            </button>
+            <button class="tab-button flex items-center" data-tab="transaksi-keuntungan">
+                <span>Transactions</span>
+                @php
+                    $transaksiKeuntunganNumbers = $isGroupedByNorujukan ? sizeOf($flattenArray($transactionTrail['transaksiKeuntungan'])) : sizeOf($transactionTrail['transaksiKeuntungan']);
+                @endphp
+                <span class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white bg-yellow-600 rounded-full ml-2">{{ $transaksiKeuntunganNumbers }}</span>
+            </button>
+            <button class="tab-button flex items-center" data-tab="gldetail">
+                <span>Transactions</span>
+                @php
+                    $glDetailNumbers = $isGroupedByNorujukan ? sizeOf($flattenArray($transactionTrail['glDetail'])) : sizeOf($transactionTrail['glDetail']);
+                @endphp
+                <span class="inline-flex items-center justify-center px-2 py-1 text-xs font-bold leading-none text-white bg-yellow-600 rounded-full ml-2">{{ $glDetailNumbers }}</span>
+            </button>
         </div>
 
         @php
-            $isGroupedByNorujukan = request()->groupedByNorujukan === 'on' ? true : false;
             $pageVariation = $isGroupedByNorujukan ? 'grouped-by-norujukan' : '';
         @endphp
         <div id="transactions-online" class="tab-content active">