diff --git a/.env.example b/.env.example
index a42d7e0..c3461f5 100644
--- a/.env.example
+++ b/.env.example
@@ -51,3 +51,16 @@ PUSHER_APP_CLUSTER=mt1
 
 MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
 MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
+
+BILLPLZ_PRODUCTION_API_KEY="f3e82fe1-a422-4660-97f0-65cc59ff6c47"
+BILLPLZ_PRODUCTION_X_SIGNATURE="S-alZUbzmD2_TF3vmrRqgehQ"
+BILLPLZ_PRODUCTION_COLLECTION_ID="5aosv2dg"
+
+BILLPLZ_SANDBOX_API_KEY="abecfd0c-98d8-4635-abc2-2fcba8c60c11"
+BILLPLZ_SANDBOX_X_SIGNATURE="S-GWr7z03XjAhqPsFfu_H5nQ"
+BILLPLZ_SANDBOX_COLLECTION_ID="z0r4kjhi"
+
+BILLPLZ_SANDBOX_KOPKB_API_KEY="abecfd0c-98d8-4635-abc2-2fcba8c60c11"
+BILLPLZ_SANDBOX_KOPKB_X_SIGNATURE="S-GWr7z03XjAhqPsFfu_H5nQ"
+BILLPLZ_SANDBOX_KOPKB_COLLECTION_ID="uae40muk"
+
diff --git a/config/services.php b/config/services.php
index 833feeb..6995833 100644
--- a/config/services.php
+++ b/config/services.php
@@ -34,13 +34,18 @@ return [
         'production' => [
             'api_key' => env('BILLPLZ_PRODUCTION_API_KEY', 'f3e82fe1-a422-4660-97f0-65cc59ff6c47'),
             'x_signature' => env('BILLPLZ_PRODUCTION_X_SIGNATURE', 'S-alZUbzmD2_TF3vmrRqgehQ'),
-            'collection_id' => env('BILLPLZ_SANDBOX_COLLECTION_ID', '5aosv2dg'),
+            'collection_id' => env('BILLPLZ_PRODUCTION_COLLECTION_ID', '5aosv2dg'),
         ],
         'sandbox' => [
             'api_key' => env('BILLPLZ_SANDBOX_API_KEY', 'abecfd0c-98d8-4635-abc2-2fcba8c60c11'),
             'x_signature' => env('BILLPLZ_SANDBOX_X_SIGNATURE', 'S-GWr7z03XjAhqPsFfu_H5nQ'),
             'collection_id' => env('BILLPLZ_PRODUCTION_COLLECTION_ID', 'z0r4kjhi'),
         ],
+        'sandbox_kopkb' => [
+            'api_key' => env('BILLPLZ_SANDBOX_KOPKB_API_KEY', 'abecfd0c-98d8-4635-abc2-2fcba8c60c11'),
+            'x_signature' => env('BILLPLZ_SANDBOX_KOPKB_X_SIGNATURE', 'S-GWr7z03XjAhqPsFfu_H5nQ'),
+            'collection_id' => env('BILLPLZ_PRODUCTION_KOPKB_COLLECTION_ID', 'z0r4kjhi'),
+        ],
     ],
 
 ];
diff --git a/resources/views/includes/partials/table-pembiayaan.blade.php b/resources/views/includes/partials/table-pembiayaan.blade.php
index 42aaaab..2fb48e4 100644
--- a/resources/views/includes/partials/table-pembiayaan.blade.php
+++ b/resources/views/includes/partials/table-pembiayaan.blade.php
@@ -1,35 +1,104 @@
-<div class="table-responsive table-bordered table-hover">
-    <table class="table align-items-center table-flush border" id="main-table" style="text-align: center; width: 100%">
-        <thead class="thead-light bg-dark text-white text-center">
-            <tr>
-                <th>#</th>
-                <th>No Rujukan</th>
-                <th class="hide-xs">Tempoh</th>
-                <th>T Akhir</th>
-                <th>Keuntungan</th>
-                <th class="hide-xs">Cawangan</th>
-            </tr>
-        </thead>
-        <tbody class="list">
-            @foreach ($pembiayaan as $data)
-                <tr>
-                    <td>
-                        <input type="checkbox"  name="chkboxsag[]" value="{{ $data->norujukan }}"
-                            id="sag-{{ $loop->iteration }}" data-norujukan="{{ $data->norujukan }}"
-                            {{ $data->disabled_payment ? 'disabled' : '' }} />
-                    </td>
-                    <td>
-                        <a href="#" class="marhun-detail-link">
-                            <span class="text-sm text-info">{{ $data->norujukan }}</span>
-                        </a>
-                    </td>
-                    <td class="hide-xs">{{ $data->tempoh }}</td>
-                    <td>{{ $data->tarikh_akhir }}</td>
-                    <td>{{ $data->upah_tawarruq_formatted }}</td>
-                    <td class="hide-xs">{{ $data->cawangan_name }}</td>
-                </tr>
-            @endforeach
-        </tbody>
-    </table>
-    <i class="hide-xs text-success" style="font-size:12px;">"Swipe" ke kiri</i>
+<div class="row justify-space-between py-2">
+    <div class="col-lg-6 col-md-8 col-sm-6 mx-auto">
+        <div class="nav-wrapper position-relative end-0">
+            <ul class="nav nav-pills nav-fill p-1" role="tablist">
+                <li class="nav-item">
+                    <a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center active" 
+                       data-bs-toggle="tab" 
+                       href="#tabs-icons-text-2" 
+                       role="tab" 
+                       aria-controls="tabs-icons-text-2" 
+                       aria-selected="true">
+                        <i class="material-icons text-sm me-2">person</i> PKB
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center" 
+                       data-bs-toggle="tab" 
+                       href="#tabs-icons-text-3" 
+                       role="tab" 
+                       aria-controls="tabs-icons-text-3" 
+                       aria-selected="false">
+                        <i class="material-icons text-sm me-2">group</i> KOPKB
+                    </a>
+                </li>
+            </ul>
+        </div>
+    </div>
+</div>
+
+<div class="tab-content table-hover">
+    <!-- Tab Content 1 -->
+    <div class="tab-pane fade show active table-responsive table-bordered table-hover" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2">
+        <table class="table align-items-center table-flush border" style="text-align: center; width: 100%">
+            <thead class="thead-light bg-dark text-white text-center">
+                <tr>
+                    <th>#</th>
+                    <th>No Rujukan</th>
+                    <th class="hide-xs">Tempoh</th>
+                    <th>T Akhir</th>
+                    <th>Keuntungan</th>
+                    <th class="hide-xs">Cawangan</th>
+                </tr>
+            </thead>
+            <tbody class="list">
+                @foreach ($pembiayaan as $data)
+                    <tr>
+                        <td>
+                            <input type="checkbox" name="chkboxsag[]" value="{{ $data->norujukan }}" 
+                                id="sag-{{ $loop->iteration }}" data-norujukan="{{ $data->norujukan }}" 
+                                {{ $data->disabled_payment ? 'disabled' : '' }} />
+                        </td>
+                        <td>
+                            <a href="#" class="marhun-detail-link">
+                                <span class="text-sm text-info">{{ $data->norujukan }}</span>
+                            </a>
+                        </td>
+                        <td class="hide-xs">{{ $data->tempoh }}</td>
+                        <td>{{ $data->tarikh_akhir }}</td>
+                        <td>{{ $data->upah_tawarruq_formatted }}</td>
+                        <td class="hide-xs">{{ $data->cawangan_name }}</td>
+                    </tr>
+                @endforeach
+            </tbody>
+        </table>
+        <i class="hide-xs text-success" style="font-size:12px;">"Swipe" ke kiri</i>
+    </div>
+
+    <!-- Tab Content 2 -->
+    <div class="tab-pane fade table-responsive table-bordered table-hover" id="tabs-icons-text-3" role="tabpanel" aria-labelledby="tabs-icons-text-3">
+        <table class="table align-items-center table-flush border" style="text-align: center; width: 100%">
+            <thead class="thead-light bg-dark text-white text-center">
+                <tr>
+                    <th>#</th>
+                    <th>No Rujukan</th>
+                    <th class="hide-xs">Tempoh</th>
+                    <th>T Akhir</th>
+                    <th>Keuntungan</th>
+                    <th class="hide-xs">Cawangan</th>
+                </tr>
+            </thead>
+            <tbody class="list">
+                @foreach ($pembiayaan as $data)
+                    <tr>
+                        <td>
+                            <input type="checkbox" name="chkboxsag[]" value="{{ $data->norujukan }}" 
+                                id="sag-{{ $loop->iteration }}" data-norujukan="{{ $data->norujukan }}" 
+                                {{ $data->disabled_payment ? 'disabled' : '' }} />
+                        </td>
+                        <td>
+                            <a href="#" class="marhun-detail-link">
+                                <span class="text-sm text-info">{{ $data->norujukan }}</span>
+                            </a>
+                        </td>
+                        <td class="hide-xs">{{ $data->tempoh }}</td>
+                        <td>{{ $data->tarikh_akhir }}</td>
+                        <td>{{ $data->upah_tawarruq_formatted }}</td>
+                        <td class="hide-xs">{{ $data->cawangan_name }}</td>
+                    </tr>
+                @endforeach
+            </tbody>
+        </table>
+        <i class="hide-xs text-success" style="font-size:12px;">"Swipe" ke kiri</i>
+    </div>
 </div>