diff --git a/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-gldetail.blade.php b/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-gldetail.blade.php
new file mode 100644
index 0000000..f4f0480
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-gldetail.blade.php
@@ -0,0 +1,58 @@
+<div>
+    <x-table.horizontal-scroller scrollDirection="right" tabContent="glDetail" />
+    @forelse ($transactionTrailKOOP['glDetail'] as $norujukan => $transaction)
+        <span>
+            <h1 class="p-3 pb-4 font-bold">{{ $norujukan }}</h1>
+        </span>
+
+        <x-table>
+            <x-slot name="header">
+                <x-table.header content="kodcaw" />
+                <x-table.header content="recno" />
+                <x-table.header content="tarikh" />
+                <x-table.header content="dtacct" />
+                <x-table.header content="ktacct" />
+                <x-table.header content="descpt" />
+                <x-table.header content="acttype" />
+                <x-table.header content="fracttype" />
+                <x-table.header content="amaun" />
+                <x-table.header content="teller" />
+                <x-table.header content="pelulus" />
+                <x-table.header content="terima" />
+                <x-table.header content="jenisbyr" />
+                <x-table.header content="bkcode" />
+                <x-table.header content="nocek" />
+                <x-table.header content="pendahuluan" />
+                <x-table.header content="serahan" />
+            </x-slot>
+            <x-slot name="body">
+                @foreach ($transaction as $data)
+                    <tr>
+                    <x-table.data :content="$data['kodcaw']" />
+                    <x-table.data :content="$data['recno']" />
+                    <x-table.data :content="$data['tarikh']" />
+                    <x-table.data :content="$data['dtacct']" />
+                    <x-table.data :content="$data['ktacct']" />
+                    <x-table.data :content="$data['descpt']" />
+                    <x-table.data :content="$data['acttype']" />
+                    <x-table.data :content="$data['fracttype']" />
+                    <x-table.data :content="$data['amaun']" />
+                    <x-table.data :content="$data['teller']" />
+                    <x-table.data :content="$data['pelulus']" />
+                    <x-table.data :content="$data['terima'] ?? 'Cawangan ' . $data['kodcaw'] . ' tiada column terima'" />
+                    <x-table.data :content="$data['jenisbyr']" />
+                    <x-table.data :content="$data['bkcode']" />
+                    <x-table.data :content="$data['nocek'] ?? 'Cawangan ' . $data['kodcaw'] . ' tiada column nocek'" />
+                    <x-table.data :content="$data['pendahuluan']" />
+                    <x-table.data :content="$data['serahan']" />
+                    </tr>
+                @endforeach
+            </x-slot>
+        </x-table>
+        <x-table.horizontal-scroller scrollDirection="left" tabContent="glDetail" />
+     @empty
+        <div class="py-6 text-center bg-white">
+            No data available for the date selected
+        </div>
+    @endforelse
+</div>
diff --git a/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transactions-online.blade.php b/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transactions-online.blade.php
new file mode 100644
index 0000000..92aa948
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transactions-online.blade.php
@@ -0,0 +1,62 @@
+<div>
+    <x-table.horizontal-scroller scrollDirection="left" tabContent="transactions-online" />
+    @forelse ($transactionTrailKOOP['transactionsOnline'] as $norujukan => $transaction)
+        <span>
+            <h1 class="p-3 pb-4 font-bold">{{ $norujukan }}</h1>
+        </span>
+
+        <x-table>
+            <x-slot name="header">
+            <x-table.header content="update_status" />
+            <x-table.header content="update_serahan" />
+            <x-table.header content="status" />
+            <x-table.header content="billplz_id" />
+            <x-table.header content="norujukan" />
+            <x-table.header content="total_payment" />
+            <x-table.header content="nokp" />
+            <x-table.header content="customer_name" />
+            <x-table.header content="kodcaw" />
+            <x-table.header content="tagportal" />
+            <x-table.header content="masa" />
+            <x-table.header content="tarikh" />
+            <x-table.header content="id" />
+            <x-table.header content="reference_no" />
+            <x-table.header content="nosiri" />
+            <x-table.header content="status" />
+            <x-table.header content="paid_at" />
+            <x-table.header content="tempohbayar" />
+            <x-table.header content="jenisbayaran" />
+            </x-slot>
+            <x-slot name="body">
+                @foreach ($transaction as $data)
+                    <tr>
+                    <x-table.data-status-orb :content="$data['update_status']" />
+                    <x-table.data-status-orb :content="$data['update_serahan']" />
+                    <x-table.data :content="$data['status']" />
+                    <x-table.data-link :content="$data['billplz_id']" :url="route('transaction.online.log.show', $data['billplz_id'])" />
+                    <x-table.data-link :content="$data['norujukan']" :url="route('transaction.online.gadaian', $data['norujukan'])" />
+                    <x-table.data :content="$data['total_payment']" />
+                    <x-table.data :content="$data['nokp']" />
+                    <x-table.data :content="$data['customer_name']" />
+                    <x-table.data :content="$data['kodcaw']" />
+                    <x-table.data :content="$data['tagportal'] == '1' ? 'ArrahnPay' : 'SPARE'" />
+                    <x-table.data :content="$data['masa']" />
+                    <x-table.data :content="$data['tarikh']" />
+                    <x-table.data :content="$data['reference_no']" />
+                    <x-table.data :content="$data['id']" />
+                    <x-table.data :content="$data['nosiri']" />
+                    <x-table.data :content="$data['status']" />
+                    <x-table.data :content="$data['paid_at']" />
+                    <x-table.data :content="$data['tempohbayar']" />
+                    <x-table.data :content="$data['jenisbayaran']" />
+                    </tr>
+                @endforeach
+            </x-slot>
+        </x-table>
+    @empty
+       <div class="py-6 text-center bg-white">
+        No data available for the date selected
+       </div> 
+    @endforelse
+    <x-table.horizontal-scroller scrollDirection="right" tabContent="transactions-online" />
+</div>
diff --git a/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transactions.blade.php b/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transactions.blade.php
new file mode 100644
index 0000000..58a4c8f
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transactions.blade.php
@@ -0,0 +1,50 @@
+<div>
+    <x-table.horizontal-scroller scrollDirection="right" tabContent="transactions" />
+    @forelse ($transactionTrailKOOP['transaction'] as $norujukan => $transaction)
+        <span>
+            <h1 class="p-3 pb-4 font-bold">{{ $norujukan }}</h1>
+        </span>
+
+        <x-table>
+            <x-slot name="header">
+                <x-table.header content="id" />
+                <x-table.header content="trans_type" />
+                <x-table.header content="norujukan" />
+                <x-table.header content="nokp" />
+                <x-table.header content="teller" />
+                <x-table.header content="kodcaw" />
+                <x-table.header content="duit_masuk" />
+                <x-table.header content="duit_keluar" />
+                <x-table.header content="created_at" />
+                <x-table.header content="bakiharga" />
+                <x-table.header content="nowakil" />
+                <x-table.header content="duitpelanggan" />
+                <x-table.header content="bakipelanggan" />
+            </x-slot>
+            <x-slot name="body">
+                @foreach ($transaction as $data)
+                    <tr>
+                        <x-table.data :content="$data['id']" />
+                        <x-table.data :content="$data['trans_type']" />
+                        <x-table.data :content="$data['norujukan']" />
+                        <x-table.data :content="$data['nokp']" />
+                        <x-table.data :content="$data['teller']" />
+                        <x-table.data :content="$data['kodcaw']" />
+                        <x-table.data :content="$data['duit_masuk']" />
+                        <x-table.data :content="$data['duit_keluar']" />
+                        <x-table.data :content="$data['created_at']" />
+                        <x-table.data :content="$data['bakiharga']" />
+                        <x-table.data :content="$data['nowakil']" />
+                        <x-table.data :content="$data['duitpelanggan']" />
+                        <x-table.data :content="$data['bakipelanggan']" />
+                    </tr>
+                @endforeach
+            </x-slot>
+        </x-table>
+    @empty
+        <div class="py-6 text-center bg-white">
+            No data available for the date selected
+        </div>
+    @endforelse
+    <x-table.horizontal-scroller scrollDirection="left" tabContent="transactions" />
+</div>
diff --git a/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php b/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php
new file mode 100644
index 0000000..bcdf0c7
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php
@@ -0,0 +1,52 @@
+<div>
+    <x-table.horizontal-scroller scrollDirection="right" tabContent="transaksi-keuntungan" />
+    @forelse ($transactionTrailKOOP['transaksiKeuntungan'] as $norujukan => $transaction)
+        <span>
+            <h1 class="p-3 pb-4 font-bold">{{ $norujukan }}</h1>
+        </span>
+
+        <x-table>
+            <x-slot name="header">
+                <x-table.header content="id" />
+                <x-table.header content="norujukan" />
+                <x-table.header content="bayaran_keuntungan" />
+                <x-table.header content="bayaran_pembiayaan" />
+                <x-table.header content="keuntungan_rebet" />
+                <x-table.header content="tarikh_bayaran" />
+                <x-table.header content="kodcaw" />
+                <x-table.header content="ujrah" />
+                <x-table.header content="ujrah_rebet" />
+                <x-table.header content="onepercent" />
+                <x-table.header content="onepercent_rebet" />
+                <x-table.header content="tempoh" />
+                <x-table.header content="beza_tempoh" />
+                <x-table.header content="margin_semasa" />
+            </x-slot>
+            <x-slot name="body">
+                @foreach ($transaction as $data)
+                    <tr>
+                        <x-table.data :content="$data['id']" />
+                        <x-table.data :content="$data['norujukan']" />
+                        <x-table.data :content="$data['bayaran_keuntungan']" />
+                        <x-table.data :content="$data['bayaran_pembiayaan']" />
+                        <x-table.data :content="$data['keuntungan_rebet']" />
+                        <x-table.data :content="$data['tarikh_bayaran']" />
+                        <x-table.data :content="$data['kodcaw']" />
+                        <x-table.data :content="$data['ujrah']" />
+                        <x-table.data :content="$data['ujrah_rebet']" />
+                        <x-table.data :content="$data['onepercent']" />
+                        <x-table.data :content="$data['onepercent_rebet']" />
+                        <x-table.data :content="$data['tempoh']" />
+                        <x-table.data :content="$data['beza_tempoh']" />
+                        <x-table.data :content="$data['margin_semasa']" />
+                    </tr>
+                @endforeach
+            </x-slot>
+        </x-table>
+        <x-table.horizontal-scroller scrollDirection="left" tabContent="transaksi-keuntungan" />
+    @empty
+        <div class="py-6 text-center bg-white">
+            No data available for the date selected
+        </div>
+    @endforelse
+</div>
diff --git a/resources/views/online/trail/kopkb/partials/table-diff.blade.php b/resources/views/online/trail/kopkb/partials/table-diff.blade.php
new file mode 100644
index 0000000..8dbd101
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/table-diff.blade.php
@@ -0,0 +1,83 @@
+<div>
+    <div class="px-5 py-5 border-b border-gray-200 bg-white text-sm" colspan="">
+        <div class="flex items-center">
+            <div class="ml-3">
+                @php
+                    $recordNumbers = [
+                        $transactionOnlineNumbers,
+                        $transactionNumbers,
+                        $transaksiKeuntunganNumbers,
+                        $glDetailNumbers,
+                    ];
+
+                    $uniqueRecordNumbers = array_unique($recordNumbers);
+                    $diffCount = count($uniqueRecordNumbers) > 1 ? max($uniqueRecordNumbers) - min($uniqueRecordNumbers) : 0;
+                    $extractNorujukan = fn($x) => array_column($x, 'norujukan');
+                    
+                    $norujukan_table_transaction_online = $extractNorujukan($transactionTrailKOOP['transactionsOnline']);
+                    $norujukan_table_transaction = $extractNorujukan($transactionTrailKOOP['transaction']);
+                    $norujukan_table_transaksiKeuntungan = $extractNorujukan($transactionTrailKOOP['transaksiKeuntungan']);
+                    
+                @endphp
+                
+                @if($diffCount !== 0)
+                    <div class="mt-6 mb-4">
+                        <h2 class="text-xl font-semibold text-gray-800 mb-4">Diff table transaction</h2>
+                        @php
+                            $diff_norujukan_1 = array_diff($norujukan_table_transaction_online, $norujukan_table_transaction);
+                            $diff_norujukan_2 = array_diff($norujukan_table_transaction_online, $norujukan_table_transaksiKeuntungan);
+                        @endphp
+                        
+                        <ul class="list-disc list-inside space-y-2 text-gray-600">
+                            @forelse($diff_norujukan_1 as $norujukan)
+                                <li class="flex items-center">
+                                    <span>-</span><span class="norujukan text-red-500"> {{ $norujukan }}</span>
+                                    <a class="p-1 rounded-md text-black-400 whitespace-no-wrap cursor-pointer hover:bg-green-600 hover:text-white transition-all duration-300 search-sag-button ml-2">
+                                        <span class="fas fa-magnifying-glass"></span>
+                                    </a>
+                                </li>
+                            @empty
+                                <li class="text-gray-500 italic">No records</li>
+                            @endforelse
+                        </ul>
+                    </div>
+                    
+                    <div class="mt-6 mb-4">
+                        <h2 class="text-xl font-semibold text-gray-800 mb-4">Diff table transaksi_keuntungan</h2>
+                        <ul class="list-disc list-inside space-y-2 text-gray-600">
+                            @forelse($diff_norujukan_2 as $norujukan)
+                                <li class="flex items-center">
+                                    <span>-</span><span class="norujukan text-red-500"> {{ $norujukan }}</span>
+                                    <a class="p-1 rounded-md text-black-400 whitespace-no-wrap cursor-pointer hover:bg-green-600 hover:text-white transition-all duration-300 search-sag-button ml-2">
+                                        <span class="fas fa-magnifying-glass"></span>
+                                    </a>
+                                </li>
+                            @empty
+                                 - <span class="text-gray-500 italic">No records</span>
+                            @endforelse
+                        </ul>
+                    </div>
+                @endif
+                 
+                <p class="text-gray-900 whitespace-no-wrap"></p>
+            </div>
+        </div>
+    </div>
+</div>
+
+@push('additional_scripts')
+<script>
+    document.addEventListener('DOMContentLoaded', function() {
+        document.querySelectorAll('.search-sag-button').forEach(x => x.addEventListener('click', function(event){
+            document.getElementById('reset-button').dispatchEvent(new Event('click'));
+            let norujukan = event.target.parentNode.parentNode.querySelector('.norujukan').innerHTML.trim();
+            alert('search norujukan : '+norujukan);
+            document.getElementById('norujukan').value = norujukan; 
+            window.scrollTo(0, 0);
+            document.getElementById('filterOnlineTransactionForm').submit();
+            event.stopPropagation();
+        }));
+    });
+</script>
+</script>
+@endpush
diff --git a/resources/views/online/trail/kopkb/partials/table-gldetail.blade.php b/resources/views/online/trail/kopkb/partials/table-gldetail.blade.php
new file mode 100644
index 0000000..a2a821e
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/table-gldetail.blade.php
@@ -0,0 +1,54 @@
+<div>
+    <x-table.horizontal-scroller scrollDirection="right" tabContent="glDetail" />
+    <x-table>
+        <x-slot name="header">
+            <x-table.header content="no." />
+            <x-table.header content="kodcaw" />
+            <x-table.header content="recno" />
+            <x-table.header content="tarikh" />
+            <x-table.header content="dtacct" />
+            <x-table.header content="ktacct" />
+            <x-table.header content="descpt" />
+            <x-table.header content="acttype" />
+            <x-table.header content="fracttype" />
+            <x-table.header content="amaun" />
+            <x-table.header content="teller" />
+            <x-table.header content="pelulus" />
+            <x-table.header content="terima" />
+            <x-table.header content="jenisbyr" />
+            <x-table.header content="bkcode" />
+            <x-table.header content="nocek" />
+            <x-table.header content="pendahuluan" />
+            <x-table.header content="serahan" />
+        </x-slot>
+        <x-slot name="body">
+            @forelse ($transactionTrailKOOP['glDetail'] as $data)
+                <tr>
+                    <x-table.data :content="$loop->iteration" />
+                    <x-table.data :content="$data['kodcaw']" />
+                    <x-table.data :content="$data['recno']" />
+                    <x-table.data :content="$data['tarikh']" />
+                    <x-table.data :content="$data['dtacct']" />
+                    <x-table.data :content="$data['ktacct']" />
+                    <x-table.data :content="$data['descpt']" />
+                    <x-table.data :content="$data['acttype']" />
+                    <x-table.data :content="$data['fracttype']" />
+                    <x-table.data :content="$data['amaun']" />
+                    <x-table.data :content="$data['teller']" />
+                    <x-table.data :content="$data['pelulus']" />
+                    <x-table.data :content="$data['terima'] ?? 'Cawangan ' . $data['kodcaw'] . ' tiada column terima'" />
+                    <x-table.data :content="$data['jenisbyr']" />
+                    <x-table.data :content="$data['bkcode']" />
+                    <x-table.data :content="$data['nocek'] ?? 'Cawangan ' . $data['kodcaw'] . ' tiada column nocek'" />
+                    <x-table.data :content="$data['pendahuluan']" />
+                    <x-table.data :content="$data['serahan']" />
+                </tr>
+            @empty
+                <tr>
+                    <x-table.data colspan="17" class="text-center" content="No data available for the date selected" />
+                </tr>
+            @endforelse
+        </x-slot>
+    </x-table>
+    <x-table.horizontal-scroller scrollDirection="left" tabContent="glDetail" />
+</div>
diff --git a/resources/views/online/trail/kopkb/partials/table-transactions-online.blade.php b/resources/views/online/trail/kopkb/partials/table-transactions-online.blade.php
new file mode 100644
index 0000000..6b7f5f3
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/table-transactions-online.blade.php
@@ -0,0 +1,58 @@
+<div>
+    <x-table.horizontal-scroller scrollDirection="left" tabContent="transactions-online" />
+    <x-table>
+        <x-slot name="header">
+            <x-table.header content="no." />
+            <x-table.header content="update_status" />
+            <x-table.header content="update_serahan" />
+            <x-table.header content="status" />
+            <x-table.header content="billplz_id" />
+            <x-table.header content="norujukan" />
+            <x-table.header content="total_payment" />
+            <x-table.header content="paid_at" />
+            <x-table.header content="nokp" />
+            <x-table.header content="customer_name" />
+            <x-table.header content="kodcaw" />
+            <x-table.header content="tagportal" />
+            <x-table.header content="masa" />
+            <x-table.header content="tarikh" />
+            <x-table.header content="id" />
+            <x-table.header content="reference_no" />
+            <x-table.header content="nosiri" />
+            <x-table.header content="status" />
+            <x-table.header content="tempohbayar" />
+            <x-table.header content="jenisbayaran" />
+        </x-slot>
+        <x-slot name="body">
+            @forelse ($transactionTrailKOOP['transactionsOnline'] as $data)
+                <tr>
+                    <x-table.data :content="$loop->iteration" />
+                    <x-table.data-status-orb :content="$data['update_status']" />
+                    <x-table.data-status-orb :content="$data['update_serahan']" />
+                    <x-table.data :content="$data['status']" />
+                    <x-table.data-link :content="$data['billplz_id']" :url="route('transaction.online.log.show', $data['billplz_id'])" searchId="search_billplz_id" tooltip="View Log" />
+                    <x-table.data-link :content="$data['norujukan']" :url="route('transaction.online.gadaian', $data['norujukan'])" searchId="search_norujukan" tooltip="View Gadai Detail" />
+                    <x-table.data-link :content="$data['total_payment']" :url="route('transaction.online.billplz-transaction-review.show', $data['billplz_id'])" tooltip="Refer Billplz" /> 
+                    <x-table.data :content="$data['paid_at']" />
+                    <x-table.data :content="$data['nokp']" />
+                    <x-table.data :content="$data['customer_name']" />
+                    <x-table.data :content="$data['kodcaw']" />
+                    <x-table.data :content="$data['tagportal'] == '1' ? 'ArrahnPay' : 'SPARE'" />
+                    <x-table.data :content="$data['masa']" />
+                    <x-table.data :content="$data['tarikh']" />
+                    <x-table.data :content="$data['reference_no']" />
+                    <x-table.data :content="$data['id']" />
+                    <x-table.data :content="$data['nosiri']" />
+                    <x-table.data :content="$data['status']" />
+                    <x-table.data :content="$data['tempohbayar']" />
+                    <x-table.data :content="$data['jenisbayaran']" />
+                </tr>
+            @empty
+                <tr>
+                    <x-table.data colspan="18" class="text-center" content="No data available for the date selected" />
+                </tr>   
+            @endforelse
+        </x-slot>
+    </x-table>
+    <x-table.horizontal-scroller scrollDirection="right" tabContent="transactions-online" />
+</div>
diff --git a/resources/views/online/trail/kopkb/partials/table-transactions.blade.php b/resources/views/online/trail/kopkb/partials/table-transactions.blade.php
new file mode 100644
index 0000000..e9689fe
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/table-transactions.blade.php
@@ -0,0 +1,46 @@
+<div>
+    <x-table.horizontal-scroller scrollDirection="right" tabContent="transactions" />
+    <x-table>
+        <x-slot name="header">
+            <x-table.header content="no." />
+            <x-table.header content="id" />
+            <x-table.header content="trans_type" />
+            <x-table.header content="norujukan" />
+            <x-table.header content="nokp" />
+            <x-table.header content="teller" />
+            <x-table.header content="kodcaw" />
+            <x-table.header content="duit_masuk" />
+            <x-table.header content="duit_keluar" />
+            <x-table.header content="created_at" />
+            <x-table.header content="bakiharga" />
+            <x-table.header content="nowakil" />
+            <x-table.header content="duitpelanggan" />
+            <x-table.header content="bakipelanggan" />
+        </x-slot>
+        <x-slot name="body">
+            @forelse($transactionTrailKOOP['transaction'] as $data)
+                <tr>
+                    <x-table.data :content="$loop->iteration" />
+                    <x-table.data :content="$data['id']" />
+                    <x-table.data :content="$data['trans_type']" />
+                    <x-table.data :content="$data['norujukan']" />
+                    <x-table.data :content="$data['nokp']" />
+                    <x-table.data :content="$data['teller']" />
+                    <x-table.data :content="$data['kodcaw']" />
+                    <x-table.data :content="$data['duit_masuk']" />
+                    <x-table.data :content="$data['duit_keluar']" />
+                    <x-table.data :content="$data['created_at']" />
+                    <x-table.data :content="$data['bakiharga']" />
+                    <x-table.data :content="$data['nowakil']" />
+                    <x-table.data :content="$data['duitpelanggan']" />
+                    <x-table.data :content="$data['bakipelanggan']" />
+                </tr>
+            @empty
+                <tr>
+                    <x-table.data colspan="18" class="text-center" content="No data available for the date selected" />
+                </tr>   
+            @endforelse
+        </x-slot>
+    </x-table>
+    <x-table.horizontal-scroller scrollDirection="left" tabContent="transactions" />
+</div>
diff --git a/resources/views/online/trail/kopkb/partials/table-transaksi-keuntungan.blade.php b/resources/views/online/trail/kopkb/partials/table-transaksi-keuntungan.blade.php
new file mode 100644
index 0000000..b7049f3
--- /dev/null
+++ b/resources/views/online/trail/kopkb/partials/table-transaksi-keuntungan.blade.php
@@ -0,0 +1,48 @@
+<div>
+    <x-table.horizontal-scroller scrollDirection="right" tabContent="transaksi-keuntungan" />
+    <x-table>
+        <x-slot name="header">
+            <x-table.header content="no." />
+            <x-table.header content="id" />
+            <x-table.header content="norujukan" />
+            <x-table.header content="bayaran_keuntungan" />
+            <x-table.header content="bayaran_pembiayaan" />
+            <x-table.header content="keuntungan_rebet" />
+            <x-table.header content="tarikh_bayaran" />
+            <x-table.header content="kodcaw" />
+            <x-table.header content="ujrah" />
+            <x-table.header content="ujrah_rebet" />
+            <x-table.header content="onepercent" />
+            <x-table.header content="onepercent_rebet" />
+            <x-table.header content="tempoh" />
+            <x-table.header content="beza_tempoh" />
+            <x-table.header content="margin_semasa" />
+        </x-slot>
+        <x-slot name="body">
+            @forelse ($transactionTrailKOOP['transaksiKeuntungan'] as $data)
+                <tr>
+                    <x-table.data :content="$loop->iteration" />
+                    <x-table.data :content="$data['id']" />
+                    <x-table.data :content="$data['norujukan']" />
+                    <x-table.data :content="$data['bayaran_keuntungan']" />
+                    <x-table.data :content="$data['bayaran_pembiayaan']" />
+                    <x-table.data :content="$data['keuntungan_rebet']" />
+                    <x-table.data :content="$data['tarikh_bayaran']" />
+                    <x-table.data :content="$data['kodcaw']" />
+                    <x-table.data :content="$data['ujrah']" />
+                    <x-table.data :content="$data['ujrah_rebet']" />
+                    <x-table.data :content="$data['onepercent']" />
+                    <x-table.data :content="$data['onepercent_rebet']" />
+                    <x-table.data :content="$data['tempoh']" />
+                    <x-table.data :content="$data['beza_tempoh']" />
+                    <x-table.data :content="$data['margin_semasa']" />
+                </tr>
+            @empty
+                <tr>
+                    <x-table.data colspan="18" class="text-center" content="No data available for the date selected" />
+                </tr>
+            @endforelse
+        </x-slot>
+    </x-table>
+    <x-table.horizontal-scroller scrollDirection="left" tabContent="transaksi-keuntungan" />
+</div>
diff --git a/resources/views/online/trail/partials/grouped-by-norujukan/table-gldetail.blade.php b/resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-gldetail.blade.php
similarity index 95%
rename from resources/views/online/trail/partials/grouped-by-norujukan/table-gldetail.blade.php
rename to resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-gldetail.blade.php
index 0d666bd..8a8acff 100644
--- a/resources/views/online/trail/partials/grouped-by-norujukan/table-gldetail.blade.php
+++ b/resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-gldetail.blade.php
@@ -1,6 +1,6 @@
 <div>
     <x-table.horizontal-scroller scrollDirection="right" tabContent="glDetail" />
-    @forelse ($transactionTrail['glDetail'] as $norujukan => $transaction)
+    @forelse ($transactionTrailPKB['glDetail'] as $norujukan => $transaction)
         <span>
             <h1 class="p-3 pb-4 font-bold">{{ $norujukan }}</h1>
         </span>
@@ -51,7 +51,7 @@
         </x-table>
         <x-table.horizontal-scroller scrollDirection="left" tabContent="glDetail" />
      @empty
-        <div class="bg-white text-center py-6">
+        <div class="py-6 text-center bg-white">
             No data available for the date selected
         </div>
     @endforelse
diff --git a/resources/views/online/trail/partials/grouped-by-norujukan/table-transactions-online.blade.php b/resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transactions-online.blade.php
similarity index 95%
rename from resources/views/online/trail/partials/grouped-by-norujukan/table-transactions-online.blade.php
rename to resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transactions-online.blade.php
index d554adb..bbee0ae 100644
--- a/resources/views/online/trail/partials/grouped-by-norujukan/table-transactions-online.blade.php
+++ b/resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transactions-online.blade.php
@@ -1,6 +1,6 @@
 <div>
     <x-table.horizontal-scroller scrollDirection="left" tabContent="transactions-online" />
-    @forelse ($transactionTrail['transactionsOnline'] as $norujukan => $transaction)
+    @forelse ($transactionTrailPKB['transactionsOnline'] as $norujukan => $transaction)
         <span>
             <h1 class="p-3 pb-4 font-bold">{{ $norujukan }}</h1>
         </span>
@@ -54,7 +54,7 @@
             </x-slot>
         </x-table>
     @empty
-       <div class="bg-white text-center py-6">
+       <div class="py-6 text-center bg-white">
         No data available for the date selected
        </div> 
     @endforelse
diff --git a/resources/views/online/trail/partials/grouped-by-norujukan/table-transactions.blade.php b/resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transactions.blade.php
similarity index 94%
rename from resources/views/online/trail/partials/grouped-by-norujukan/table-transactions.blade.php
rename to resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transactions.blade.php
index 61d2ae0..d47fe98 100644
--- a/resources/views/online/trail/partials/grouped-by-norujukan/table-transactions.blade.php
+++ b/resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transactions.blade.php
@@ -1,6 +1,6 @@
 <div>
     <x-table.horizontal-scroller scrollDirection="right" tabContent="transactions" />
-    @forelse ($transactionTrail['transaction'] as $norujukan => $transaction)
+    @forelse ($transactionTrailPKB['transaction'] as $norujukan => $transaction)
         <span>
             <h1 class="p-3 pb-4 font-bold">{{ $norujukan }}</h1>
         </span>
@@ -42,7 +42,7 @@
             </x-slot>
         </x-table>
     @empty
-        <div class="bg-white text-center py-6">
+        <div class="py-6 text-center bg-white">
             No data available for the date selected
         </div>
     @endforelse
diff --git a/resources/views/online/trail/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php b/resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php
similarity index 94%
rename from resources/views/online/trail/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php
rename to resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php
index 8bf64fb..9e96002 100644
--- a/resources/views/online/trail/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php
+++ b/resources/views/online/trail/pkb/partials/grouped-by-norujukan/table-transaksi-keuntungan.blade.php
@@ -1,6 +1,6 @@
 <div>
     <x-table.horizontal-scroller scrollDirection="right" tabContent="transaksi-keuntungan" />
-    @forelse ($transactionTrail['transaksiKeuntungan'] as $norujukan => $transaction)
+    @forelse ($transactionTrailPKB['transaksiKeuntungan'] as $norujukan => $transaction)
         <span>
             <h1 class="p-3 pb-4 font-bold">{{ $norujukan }}</h1>
         </span>
@@ -45,7 +45,7 @@
         </x-table>
         <x-table.horizontal-scroller scrollDirection="left" tabContent="transaksi-keuntungan" />
     @empty
-        <div class="bg-white text-center py-6">
+        <div class="py-6 text-center bg-white">
             No data available for the date selected
         </div>
     @endforelse
diff --git a/resources/views/online/trail/partials/table-diff.blade.php b/resources/views/online/trail/pkb/partials/table-diff.blade.php
similarity index 96%
rename from resources/views/online/trail/partials/table-diff.blade.php
rename to resources/views/online/trail/pkb/partials/table-diff.blade.php
index 9fc9f87..1131d2b 100644
--- a/resources/views/online/trail/partials/table-diff.blade.php
+++ b/resources/views/online/trail/pkb/partials/table-diff.blade.php
@@ -14,9 +14,9 @@
                     $diffCount = count($uniqueRecordNumbers) > 1 ? max($uniqueRecordNumbers) - min($uniqueRecordNumbers) : 0;
                     $extractNorujukan = fn($x) => array_column($x, 'norujukan');
                     
-                    $norujukan_table_transaction_online = $extractNorujukan($transactionTrail['transactionsOnline']);
-                    $norujukan_table_transaction = $extractNorujukan($transactionTrail['transaction']);
-                    $norujukan_table_transaksiKeuntungan = $extractNorujukan($transactionTrail['transaksiKeuntungan']);
+                    $norujukan_table_transaction_online = $extractNorujukan($transactionTrailPKB['transactionsOnline']);
+                    $norujukan_table_transaction = $extractNorujukan($transactionTrailPKB['transaction']);
+                    $norujukan_table_transaksiKeuntungan = $extractNorujukan($transactionTrailPKB['transaksiKeuntungan']);
                     
                 @endphp
                 
diff --git a/resources/views/online/trail/partials/table-gldetail.blade.php b/resources/views/online/trail/pkb/partials/table-gldetail.blade.php
similarity index 97%
rename from resources/views/online/trail/partials/table-gldetail.blade.php
rename to resources/views/online/trail/pkb/partials/table-gldetail.blade.php
index efb99cb..81bcef5 100644
--- a/resources/views/online/trail/partials/table-gldetail.blade.php
+++ b/resources/views/online/trail/pkb/partials/table-gldetail.blade.php
@@ -22,7 +22,7 @@
             <x-table.header content="serahan" />
         </x-slot>
         <x-slot name="body">
-            @forelse ($transactionTrail['glDetail'] as $data)
+            @forelse ($transactionTrailPKB['glDetail'] as $data)
                 <tr>
                     <x-table.data :content="$loop->iteration" />
                     <x-table.data :content="$data['kodcaw']" />
diff --git a/resources/views/online/trail/partials/table-transactions-online.blade.php b/resources/views/online/trail/pkb/partials/table-transactions-online.blade.php
similarity index 97%
rename from resources/views/online/trail/partials/table-transactions-online.blade.php
rename to resources/views/online/trail/pkb/partials/table-transactions-online.blade.php
index 0319755..c5a2465 100644
--- a/resources/views/online/trail/partials/table-transactions-online.blade.php
+++ b/resources/views/online/trail/pkb/partials/table-transactions-online.blade.php
@@ -24,7 +24,7 @@
             <x-table.header content="jenisbayaran" />
         </x-slot>
         <x-slot name="body">
-            @forelse ($transactionTrail['transactionsOnline'] as $data)
+            @forelse ($transactionTrailPKB['transactionsOnline'] as $data)
                 <tr>
                     <x-table.data :content="$loop->iteration" />
                     <x-table.data-status-orb :content="$data['update_status']" />
diff --git a/resources/views/online/trail/partials/table-transactions.blade.php b/resources/views/online/trail/pkb/partials/table-transactions.blade.php
similarity index 97%
rename from resources/views/online/trail/partials/table-transactions.blade.php
rename to resources/views/online/trail/pkb/partials/table-transactions.blade.php
index 03a0058..ecc7b0c 100644
--- a/resources/views/online/trail/partials/table-transactions.blade.php
+++ b/resources/views/online/trail/pkb/partials/table-transactions.blade.php
@@ -18,7 +18,7 @@
             <x-table.header content="bakipelanggan" />
         </x-slot>
         <x-slot name="body">
-            @forelse($transactionTrail['transaction'] as $data)
+            @forelse($transactionTrailPKB['transaction'] as $data)
                 <tr>
                     <x-table.data :content="$loop->iteration" />
                     <x-table.data :content="$data['id']" />
diff --git a/resources/views/online/trail/partials/table-transaksi-keuntungan.blade.php b/resources/views/online/trail/pkb/partials/table-transaksi-keuntungan.blade.php
similarity index 96%
rename from resources/views/online/trail/partials/table-transaksi-keuntungan.blade.php
rename to resources/views/online/trail/pkb/partials/table-transaksi-keuntungan.blade.php
index 6e64bcc..497a861 100644
--- a/resources/views/online/trail/partials/table-transaksi-keuntungan.blade.php
+++ b/resources/views/online/trail/pkb/partials/table-transaksi-keuntungan.blade.php
@@ -19,7 +19,7 @@
             <x-table.header content="margin_semasa" />
         </x-slot>
         <x-slot name="body">
-            @forelse ($transactionTrail['transaksiKeuntungan'] as $data)
+            @forelse ($transactionTrailPKB['transaksiKeuntungan'] as $data)
                 <tr>
                     <x-table.data :content="$loop->iteration" />
                     <x-table.data :content="$data['id']" />