From a2d85c3354e2f33de883c0a662d102b8110bb8fd Mon Sep 17 00:00:00 2001
From: ismailmasseran <ismail@koppkb.com>
Date: Tue, 1 Sep 2026 14:13:09 +0800
Subject: [PATCH] Explore/ismail (#11)

Co-authored-by: ISMAIL MASSERAN <topaz@Mac.dlinkrouter.local>
Co-authored-by: ISMAIL MASSERAN <topaz@ISMAILs-Macbook.local>
Reviewed-on: https://git.koppkb.com/KoPKB/kaunter/pulls/11
---
 .env.docker                                   |  54 ++
 .env.example                                  |   2 +-
 .env.staging                                  |  11 +-
 .gitea/workflows/deploy-staging.yml           |   8 +-
 .gitignore                                    |   2 +-
 README.md                                     |  50 ++
 REMARK.md                                     |  27 +
 .../Auth/ImpersonateController.php            |  52 ++
 app/Http/Controllers/Auth/LoginController.php |  46 +-
 app/Http/Controllers/GadaianController.php    |  39 +-
 app/Http/Controllers/KhazanahController.php   |   3 +
 app/Http/Controllers/OperasiController.php    |   3 +
 .../PembiayaanOnlineController.php            | 744 ++++++++++++++++++
 app/Http/Middleware/TrustProxies.php          |   2 +-
 app/Providers/AppServiceProvider.php          |   4 +-
 app/Providers/AuthServiceProvider.php         |   4 +-
 app/User.php                                  |  12 +
 app/helpers.php                               |  15 +
 composer.json                                 |   4 +
 composer.lock                                 |  75 +-
 config/app.php                                |   2 +
 config/mykad-reader.php                       |   4 +-
 docker-compose.staging.yml                    |  17 +-
 docker/nginx/default.conf                     |   5 +-
 docker/php/Dockerfile                         |  40 +-
 public/js/mykad-reader-customer.js            | 630 ++++++++-------
 .../views/admin/customer_index.blade.php      |   2 +-
 resources/views/admin/customer_info.blade.php |   2 +-
 resources/views/admin/poskod.blade.php        |   2 +-
 resources/views/aliran_tunai/index.blade.php  |   9 +-
 resources/views/auth/v2/login.blade.php       |   4 +-
 .../views/callcenter/callnotisjbg2.blade.php  |   2 +-
 resources/views/callcenter/index.blade.php    |   2 +-
 .../views/callcenter/indexnama.blade.php      |   2 +-
 resources/views/callcenter/v1/info.blade.php  |   2 +-
 resources/views/callcenter/v2/index.blade.php |   2 +-
 resources/views/callcenter/v2/info.blade.php  |   2 +-
 resources/views/customers/v1/index.blade.php  |   5 +-
 resources/views/customers/v1/info.blade.php   |   2 +-
 resources/views/customers/v2/index.blade.php  |  12 +-
 resources/views/customers/v2/info.blade.php   | 103 ++-
 resources/views/errors/alert.blade.php        |   2 +-
 resources/views/gadaian/v1/edit.blade.php     |   2 +-
 resources/views/gadaian/v1/index.blade.php    |   2 +-
 resources/views/gadaian/v2/edit.blade.php     |   6 +-
 resources/views/gadaian/v2/index.blade.php    | 247 +++++-
 .../views/homepage/khazanah/home.blade.php    |   6 +-
 .../views/homepage/operasi/home.blade.php     |  17 +-
 .../views/homepage/penilai/home.blade.php     |   2 +-
 .../views/homepage/teller/home.blade.php      |   3 +-
 .../views/khazanah/agingbulanan.blade.php     |   2 +-
 resources/views/khazanah/bajet.blade.php      |   2 +-
 resources/views/khazanah/gadaian.blade.php    |   2 +-
 resources/views/khazanah/index.blade.php      |   2 +-
 resources/views/khazanah/info.blade.php       |   2 +-
 resources/views/khazanah/kelulusan.blade.php  |   4 +-
 .../views/khazanah/khazanahserahan.blade.php  |   2 +-
 .../khazanah/laporan/agingbulanan.blade.php   |   2 +-
 .../khazanah/laporan/alirantunai.blade.php    |   2 +-
 .../views/khazanah/laporan/ansuran.blade.php  |   2 +-
 .../laporan/batalsuratgadai.blade.php         |   2 +-
 .../khazanah/laporan/datalejer_am.blade.php   |   2 +-
 .../khazanah/laporan/denominasi.blade.php     |   2 +-
 .../views/khazanah/laporan/gadaian.blade.php  |   2 +-
 .../khazanah/laporan/imbangduga.blade.php     |   2 +-
 .../laporan/imbangduga_akru.blade.php         |   2 +-
 .../khazanah/laporan/kawalanstok.blade.php    |   2 +-
 .../khazanah/laporan/marhunharian.blade.php   |   2 +-
 .../laporan/marhunterkumpul.blade.php         |   2 +-
 .../khazanah/laporan/pelangganbaru.blade.php  |   2 +-
 .../khazanah/laporan/penebusan.blade.php      |   2 +-
 .../khazanah/laporan/perbelanjaan.blade.php   |   2 +-
 .../views/khazanah/laporan/petibesi.blade.php |   2 +-
 .../laporan/ringkasanharian.blade.php         |   2 +-
 .../laporan/ringkasanterkumpul.blade.php      |   2 +-
 .../khazanah/laporan/serahgadai.blade.php     |   2 +-
 .../khazanah/laporan/serahmarhun.blade.php    |   2 +-
 .../laporan/stokauditbersih.blade.php         |   2 +-
 .../laporan/stokauditdetails.blade.php        |   2 +-
 .../khazanah/laporan/tuntutbaki.blade.php     |   2 +-
 .../views/khazanah/laporan/upah.blade.php     |   2 +-
 .../views/khazanah/laporan/wakil.blade.php    |   2 +-
 .../laporanujrah/ansuranujrah.blade.php       |   2 +-
 .../laporanujrah/gadaianujrah.blade.php       |   2 +-
 .../ringkasanharianujrah.blade.php            |   2 +-
 resources/views/khazanah/panjar.blade.php     |   4 +-
 .../views/khazanah/pendahuluan.blade.php      |   2 +-
 .../views/khazanah/pendahuluanserah.blade.php |   2 +-
 .../khazanah/pendahuluanserahanmain.blade.php |   2 +-
 .../views/khazanah/permohonanwang.blade.php   |   2 +-
 .../views/khazanah/rekodpermohonan.blade.php  |   2 +-
 resources/views/khazanah/saginfo.blade.php    |   2 +-
 resources/views/khazanah/serahan.blade.php    |   2 +-
 resources/views/khazanah/tebus.blade.php      |   2 +-
 resources/views/khazanah/v1/info.blade.php    |   2 +-
 resources/views/khazanah/v2/info.blade.php    |   2 +-
 resources/views/khazanah/wakil.blade.php      |   2 +-
 resources/views/layouts/app.blade.php         |   6 +-
 .../views/layouts/app_callcenter.blade.php    |   3 +
 resources/views/layouts/app_operasi.blade.php |   3 +
 .../partials/impersonation_nav.blade.php      |  11 +
 .../views/lelongan/index-khazanah.blade.php   |   6 +-
 resources/views/lelongan/index.blade.php      |   4 +-
 .../views/onetimepassword/home.blade.php      |   2 +-
 .../views/operasi/daftar_kakitangan.blade.php |  46 ++
 .../views/operasi/edit_marginmutu.blade.php   |   2 +-
 resources/views/operasi/hargaemas.blade.php   |   2 +-
 resources/views/operasi/kelulusan.blade.php   |   4 +-
 .../views/operasi/komuditi/index.blade.php    |   2 +-
 .../komuditi/rekod_transaksi.blade.php        |   2 +-
 .../pembiayaan_online/operasi/batch.blade.php | 271 +++++++
 .../pembiayaan_online/operasi/eod.blade.php   | 152 ++++
 .../operasi/senarai.blade.php                 | 102 +++
 .../pembiayaan_online/operasi/topup.blade.php | 198 +++++
 .../pembiayaan_online/pc/batch.blade.php      |  65 ++
 .../views/pembiayaan_online/pc/paid.blade.php | 187 +++++
 .../pembiayaan_online/pc/senarai.blade.php    | 304 +++++++
 .../pembiayaan_online/pc/topup.blade.php      | 215 +++++
 .../penebusan/v1/index-khazanah.blade.php     |   2 +-
 resources/views/penebusan/v1/index.blade.php  |   2 +-
 .../penebusan/v2/index-khazanah.blade.php     |   2 +-
 .../views/penebusan/v2/index.blade-backup.php |   2 +-
 resources/views/penebusan/v2/index.blade.php  |   4 +-
 routes/web.php                                |  35 +
 124 files changed, 3506 insertions(+), 521 deletions(-)
 create mode 100644 .env.docker
 create mode 100644 REMARK.md
 create mode 100644 app/Http/Controllers/Auth/ImpersonateController.php
 create mode 100644 app/Http/Controllers/PembiayaanOnlineController.php
 create mode 100644 app/helpers.php
 create mode 100644 resources/views/layouts/partials/impersonation_nav.blade.php
 create mode 100644 resources/views/pembiayaan_online/operasi/batch.blade.php
 create mode 100644 resources/views/pembiayaan_online/operasi/eod.blade.php
 create mode 100644 resources/views/pembiayaan_online/operasi/senarai.blade.php
 create mode 100644 resources/views/pembiayaan_online/operasi/topup.blade.php
 create mode 100644 resources/views/pembiayaan_online/pc/batch.blade.php
 create mode 100644 resources/views/pembiayaan_online/pc/paid.blade.php
 create mode 100644 resources/views/pembiayaan_online/pc/senarai.blade.php
 create mode 100644 resources/views/pembiayaan_online/pc/topup.blade.php

diff --git a/.env.docker b/.env.docker
new file mode 100644
index 00000000..79c1ea3a
--- /dev/null
+++ b/.env.docker
@@ -0,0 +1,54 @@
+APP_NAME=Laravel
+APP_ENV=local
+APP_KEY=base64:O1XZDqK4H6+3GdrODgCaLr2l+OoWvgVhYr0GJ1KizW8=
+APP_DEBUG=true
+APP_URL=http://localhost
+# API_URL=http://api-annurv2.test
+API_URL=http://host.docker.internal:8080
+API_URL_KOOP=http://host.docker.internal:8080
+API_URL_PKB=http://host.docker.internal:8080
+API_ARRAHNBID=http://lelong.test/api/
+
+LOG_CHANNEL=stack
+LOG_LEVEL=debug
+
+DB_CONNECTION=mysql
+DB_HOST=mysql
+DB_PORT=3306
+DB_DATABASE=kaunter_erahn
+DB_USERNAME=kaunteruser
+DB_PASSWORD=password
+
+BROADCAST_DRIVER=pusher
+CACHE_DRIVER=file
+QUEUE_CONNECTION=sync
+SESSION_DRIVER=file
+SESSION_LIFETIME=120
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+PUSHER_APP_ID=1132718
+PUSHER_APP_KEY=26b0ec2f297f94b7aa9b
+PUSHER_APP_SECRET=421b61fb5a8ecce477a6
+
+MAIL_MAILER=smtp
+MAIL_HOST=smtp.mailtrap.io
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_ENCRYPTION=null
+MAIL_FROM_ADDRESS=null
+MAIL_FROM_NAME="${APP_NAME}"
+
+AWS_ACCESS_KEY_ID=
+AWS_SECRET_ACCESS_KEY=
+AWS_DEFAULT_REGION=us-east-1
+AWS_BUCKET=
+
+MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
+MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
+
+MYKAD_READER_PORT=8085
+MYKAD_READER_ENABLED_CAWANGAN=''    # IF NO CAWANGAN STATED, ALL CAWANGAN IS ENABLED
\ No newline at end of file
diff --git a/.env.example b/.env.example
index 1e819c27..e7821ee4 100644
--- a/.env.example
+++ b/.env.example
@@ -46,5 +46,5 @@ AWS_BUCKET=
 MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
 MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
 
-MYKAD_READER_PORT=8085
+MYKAD_READER_PORT=17321
 MYKAD_READER_ENABLED_CAWANGAN=''    # IF NO CAWANGAN STATED, ALL CAWANGAN IS ENABLED
diff --git a/.env.staging b/.env.staging
index 27304237..91b447ec 100644
--- a/.env.staging
+++ b/.env.staging
@@ -1,15 +1,16 @@
 APP_NAME=Laravel
 APP_ENV=staging
+APP_VERSION=v2.2-staging
 APP_KEY=base64:O1XZDqK4H6+3GdrODgCaLr2l+OoWvgVhYr0GJ1KizW8=
 APP_DEBUG=true
-APP_URL=http://172.16.6.200:8091
+APP_URL=https://staging.erahn.com.my
 
 HTTP_PORT=8091
 MYSQL_PUBLISH_PORT=3309
 
-API_URL=http://172.16.6.200:8090
-API_URL_KOOP=http://172.16.6.200:8090
-API_URL_PKB=http://172.16.6.200:8090
+API_URL=https://api-staging.erahn.com.my
+API_URL_KOOP=https://api-staging.erahn.com.my
+API_URL_PKB=https://api-staging.erahn.com.my
 API_ARRAHNBID=http://lelong.test/api/
 
 LOG_CHANNEL=stack
@@ -53,5 +54,5 @@ AWS_BUCKET=
 MIX_PUSHER_APP_KEY="${PUSHER_APP_KEY}"
 MIX_PUSHER_APP_CLUSTER="${PUSHER_APP_CLUSTER}"
 
-MYKAD_READER_PORT=8085
+MYKAD_READER_PORT=17321
 MYKAD_READER_ENABLED_CAWANGAN=''    # IF NO CAWANGAN STATED, ALL CAWANGAN IS ENABLED
\ No newline at end of file
diff --git a/.gitea/workflows/deploy-staging.yml b/.gitea/workflows/deploy-staging.yml
index 30d130cd..ab79a87f 100644
--- a/.gitea/workflows/deploy-staging.yml
+++ b/.gitea/workflows/deploy-staging.yml
@@ -56,11 +56,11 @@ jobs:
           set -e
           IMAGE_TAG="${{ inputs.image_tag }}"
 
-          mkdir -p "${DEPLOY_DIR}/docker/nginx"
+          mkdir -p "${DEPLOY_DIR}/docker/nginx" "${DEPLOY_DIR}/public"
           cp docker-compose.staging.yml "${DEPLOY_DIR}/docker-compose.yml"
           cp docker/nginx/default.conf "${DEPLOY_DIR}/docker/nginx/default.conf"
-          rm -rf "${DEPLOY_DIR}/public"
-          cp -R public "${DEPLOY_DIR}/public"
+          find "${DEPLOY_DIR}/public" -mindepth 1 -delete
+          cp -R public/. "${DEPLOY_DIR}/public/"
 
           if [ ! -f "${DEPLOY_DIR}/.env.staging" ]; then
             if [ -f .env.staging ]; then
@@ -78,7 +78,7 @@ jobs:
           export IMAGE_TAG
 
           docker compose --env-file .env.staging -f docker-compose.yml pull app
-          docker compose --env-file .env.staging -f docker-compose.yml up -d --no-build --remove-orphans
+          docker compose --env-file .env.staging -f docker-compose.yml up -d --no-build --force-recreate --remove-orphans app web
 
           echo "✓ Deployed IMAGE_TAG=${IMAGE_TAG}"
 
diff --git a/.gitignore b/.gitignore
index 1ed293c1..80ba177a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,5 +11,5 @@ Homestead.yaml
 npm-debug.log
 yarn-error.log
 /.vscode
-docker-compose.yml
 docker_src/
+**/.DS_Store
\ No newline at end of file
diff --git a/README.md b/README.md
index f821d23f..ca86015c 100644
--- a/README.md
+++ b/README.md
@@ -1 +1,51 @@
 If you does't know what is this you probably in wrong project
+
+```sql
+--- for all ip
+CREATE USER 'kaunteruser'@'%' IDENTIFIED BY 'your_password';
+
+--- for specific ip
+CREATE USER 'kaunteruser'@'localhost' IDENTIFIED BY 'your_password';
+
+GRANT ALL PRIVILEGES ON kaunter_erahn.* TO 'kaunteruser'@'%';
+FLUSH PRIVILEGES;
+``` 
+
+# ADDITIONAL NOTE
+
+## customers/v2/index.blade.php is modal to register customer 
+
+## Min Komoditi = RM5000
+
+# System Flowchart
+
+## Proses Gadaian
+1) Pelanggan datang bawa marhun
+2) Teller daftar maklumat pelanggan jika pelanggan baharu
+3) Serah marhun ke penilai untuk timbang
+4) Teller daftar marhun di sistem berdasarkan maklumat dari penilai
+5) Penilai print SAG dan serah marhun ke Khazanah (PC/PPC) - __khazanah can still scan still scan though__
+6) Khazanah scan barcode dekat SAG untuk masuk ke dalam peti besi
+* table involved - gadai.semakbarcode (default is blank, after is Lulus)
+7) DONE
+
+## Setup new branch command:
+1. Duplicate previous branch table - use erahn_{{name}}
+```sql
+SET FOREIGN_KEY_CHECKS = 0;
+
+SET SESSION group_concat_max_len = 1000000;
+
+SELECT GROUP_CONCAT(
+    CONCAT('TRUNCATE TABLE `', table_name, '`')
+    SEPARATOR '; '
+) INTO @sql
+FROM information_schema.tables
+WHERE table_schema = DATABASE();
+
+SELECT @sql; --- copy the output and paste it
+
+SET FOREIGN_KEY_CHECKS = 1;
+```
+2. Add new cawangan kod on master_erahn.arrahn_master_db and and kaunter_erahn.cawangan
+3. Register new cawangan detail in erahn_{{name}}.cawangan 
\ No newline at end of file
diff --git a/REMARK.md b/REMARK.md
new file mode 100644
index 00000000..a80c8c59
--- /dev/null
+++ b/REMARK.md
@@ -0,0 +1,27 @@
+## CAWANGAN XTRA - X0301
+- WAN NUR FATIN NATASYA BINTI W M AZHARI - PENILAI
+- MOHAMAD KHAIRULNIZAN BIN JUSOF - TELLER
+- MOHAMAD AZUHAIDIE BIN AHMAD - PPC
+- WAN NURUL AMIRA BINTI WAN HARON - PC
+
+## Akaun
+- admin@test.com
+- admin2@test.com
+
+Module Gadai Online:
+- Langkah 1
+- Langkah 2
+[x] PC akan tekan submit, then customer akan masuk ke senarai online mengikut batch 
+[x] PC boleh semak list customer yang pilih gadai online
+- Langkah 3 (Operasi)
+[x] dapat dalam bentuk list
+[x] Apa jadi kalau operasi reject? - patah balik ke pc, untuk pc buat semakan balik
+- Langkah 4
+- Langkah 5
+- Langkah 6
+- Langkah 7
+[x] Macam mana PC nak tahu pembayaran berjaya (Tally PAID page)
+[x] Kalau online, dia kena upload kat mana (Operasi: PAID + bukti)
+- Langkah 8
+[x] PC semak senarai pelanggan gadai tu tally atau tak
+[ ] PC tekan butang blast ke (tanda selesai ada; WhatsApp/SMS belum wire)
\ No newline at end of file
diff --git a/app/Http/Controllers/Auth/ImpersonateController.php b/app/Http/Controllers/Auth/ImpersonateController.php
new file mode 100644
index 00000000..dab764ab
--- /dev/null
+++ b/app/Http/Controllers/Auth/ImpersonateController.php
@@ -0,0 +1,52 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use App\User;
+use Illuminate\Http\RedirectResponse;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Support\Facades\Auth;
+
+class ImpersonateController extends Controller
+{
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    public function impersonate(Request $request, $id): RedirectResponse
+    {
+        Gate::authorize('impersonate');
+
+        $impersonator = $request->user();
+        $id = (int) $id;
+        $target = User::findOrFail($id);
+
+        if ($target->id === $request->user()->id) {
+            return back()->with('error', 'Tidak boleh impersonate diri sendiri.');
+        }
+
+        if (method_exists($target, 'canBeImpersonated') && !$target->canBeImpersonated()) {
+            return back()->with('error', 'Akaun ini tidak boleh di-impersonate.');
+        }
+
+        $request->user()->impersonate($target);
+
+        return redirect()->route('home');
+    }
+
+    public function leave(Request $request): RedirectResponse
+    {
+        if ($request->user() && method_exists($request->user(), 'isImpersonated') && $request->user()->isImpersonated()) {
+            $impersonated = $request->user();
+            $impersonator = method_exists($impersonated, 'impersonator') ? $impersonated->impersonator() : null;
+
+            $request->user()->leaveImpersonation();
+        }
+
+        return redirect()->route('home');
+    }
+}
+
diff --git a/app/Http/Controllers/Auth/LoginController.php b/app/Http/Controllers/Auth/LoginController.php
index f29fcc28..b9abb660 100644
--- a/app/Http/Controllers/Auth/LoginController.php
+++ b/app/Http/Controllers/Auth/LoginController.php
@@ -60,9 +60,7 @@ class LoginController extends Controller
             'password' => 'required|string',
         ]);
 
-        $credentials = $request->only('email', 'password');
-
-        if (Auth::guard('web')->attempt($credentials)) {
+        if ($this->attemptWebLogin($request)) {
 
             $auth_user = Auth::guard('web')->user();
             $api_url = config('api.url');
@@ -103,9 +101,7 @@ class LoginController extends Controller
             'password' => 'required|string',
         ]);
 
-        $credentials = $request->only('email', 'password');
-
-        if (Auth::guard('dashboard')->attempt($credentials,true)) {
+        if ($this->attemptDashboardLogin($request)) {
             $auth_user = Auth::guard('dashboard')->user();
 
             $user_login['nama'] = $auth_user['name'];
@@ -187,4 +183,42 @@ class LoginController extends Controller
 
         return response()->json($kakitangan,200);
     }
+
+    /**
+     * In local environment, log in by email only (password ignored).
+     */
+    private function attemptWebLogin(Request $request): bool
+    {
+        if (app()->environment('local')) {
+            $user = User::where('email', $request->email)->first();
+            if ($user) {
+                Auth::guard('web')->login($user);
+
+                return true;
+            }
+
+            return false;
+        }
+
+        return Auth::guard('web')->attempt($request->only('email', 'password'));
+    }
+
+    /**
+     * In local environment, log in by email only (password ignored).
+     */
+    private function attemptDashboardLogin(Request $request): bool
+    {
+        if (app()->environment('local')) {
+            $user = Dashboard::where('email', $request->email)->first();
+            if ($user) {
+                Auth::guard('dashboard')->login($user, true);
+
+                return true;
+            }
+
+            return false;
+        }
+
+        return Auth::guard('dashboard')->attempt($request->only('email', 'password'), true);
+    }
 }
diff --git a/app/Http/Controllers/GadaianController.php b/app/Http/Controllers/GadaianController.php
index a6cbbbea..2dff3673 100644
--- a/app/Http/Controllers/GadaianController.php
+++ b/app/Http/Controllers/GadaianController.php
@@ -211,13 +211,50 @@ class GadaianController extends Controller
             'teller' => $auth_user['name']
         ]);
 
-        $this->AliranTunaiController->alirantunaiGadai($request, $auth_user['name']);
+        $caraTerima = strtoupper((string) $request->input('cara_terima', 'TUNAI'));
+        $pinjamanAmt = round((float) $request->pinjaman, 2);
+
+        // Online only for RM5k–50k; otherwise force cash path.
+        if ($caraTerima === 'ONLINE' && ($pinjamanAmt < 5000 || $pinjamanAmt > 50000)) {
+            $caraTerima = 'TUNAI';
+        }
+
+        if ($caraTerima === 'ONLINE') {
+            $online = Http::withOptions(['verify' => config('app.api_verify')])
+                ->asForm()
+                ->post(config('api.url') . '/api/pembiayaan-online/' . $auth_user['cawangan'], [
+                    'norujukan' => $request->norujukan_gadai,
+                    'nokp' => $request->nokp,
+                    'pinjaman' => $pinjamanAmt,
+                    'kodbank' => $request->kodbank,
+                    'noakaun' => $request->noakaun,
+                    'nama_bank' => $request->nama_bank,
+                    'nama_akaun' => $request->nama_akaun ?: $request->nama_pelanggan,
+                    'nama_pelanggan' => $request->nama_pelanggan,
+                    'nopelanggan' => $request->nopelanggan,
+                    'created_by' => $auth_user['name'],
+                    'update_customer_bank' => true,
+                ]);
+
+            if (!$online->successful()) {
+                $body = $online->json();
+                $msg = is_array($body) && isset($body['message'])
+                    ? $body['message']
+                    : 'Gagal daftar pembiayaan online. Sila cuba lagi.';
+                return redirect()->back()->with('error', $msg);
+            }
+        } else {
+            $this->AliranTunaiController->alirantunaiGadai($request, $auth_user['name']);
+        }
 
         event(new GadaiNotify('lulus', $auth_user['cawangan']));
 
         $request->session()->forget('page_reload');
         $request->session()->forget('norujukan');
         $request->session()->flash('activate_tab', 'SAG_baru');
+        if ($caraTerima === 'ONLINE') {
+            $request->session()->flash('message', 'Gadai berjaya. Pembiayaan online menunggu semakan PC.');
+        }
 
         return redirect()->route('customer_info');
     }
diff --git a/app/Http/Controllers/KhazanahController.php b/app/Http/Controllers/KhazanahController.php
index 03e72524..a4b074bb 100644
--- a/app/Http/Controllers/KhazanahController.php
+++ b/app/Http/Controllers/KhazanahController.php
@@ -505,6 +505,9 @@ class KhazanahController extends Controller
 
     public function mintakatalaluansemula(Request $request)
     {
+        if (app()->environment('local')) {
+            return "True";
+        }
 
         if(Hash::check($request->passsemula, Auth::user()->password))
         {
diff --git a/app/Http/Controllers/OperasiController.php b/app/Http/Controllers/OperasiController.php
index 74189123..9c68534a 100644
--- a/app/Http/Controllers/OperasiController.php
+++ b/app/Http/Controllers/OperasiController.php
@@ -321,6 +321,9 @@ class OperasiController extends Controller
 
     public function mintakatalaluansemula(Request $request)
     {
+        if (app()->environment('local')) {
+            return "True";
+        }
 
         if (Hash::check($request->passsemula, Auth::user()->password)) {
             return "True";
diff --git a/app/Http/Controllers/PembiayaanOnlineController.php b/app/Http/Controllers/PembiayaanOnlineController.php
new file mode 100644
index 00000000..f7414a21
--- /dev/null
+++ b/app/Http/Controllers/PembiayaanOnlineController.php
@@ -0,0 +1,744 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\Http;
+
+class PembiayaanOnlineController extends Controller
+{
+    public function __construct()
+    {
+        $this->middleware('auth');
+    }
+
+    protected function api()
+    {
+        return Http::withOptions(['verify' => config('app.api_verify')]);
+    }
+
+    protected function kodcaw()
+    {
+        return Auth::user()->cawangan;
+    }
+
+    /**
+     * PC senarai queue + batch history.
+     */
+    public function index(Request $request)
+    {
+        $auth_user = Auth::user();
+        $kodcaw = $this->kodcaw();
+        $api_url = config('api.url');
+
+        $cawangan_info = $this->api()
+            ->get($api_url . '/api/cawangan/' . $kodcaw)
+            ->json();
+
+        $queue = $this->api()
+            ->get($api_url . '/api/pembiayaan-online/' . $kodcaw . '/queue')
+            ->json();
+
+        $batches = $this->api()
+            ->get($api_url . '/api/pembiayaan-online/' . $kodcaw . '/batches')
+            ->json();
+
+        $banks = $this->api()->get($api_url . '/api/bank')->json();
+        if (!is_array($banks)) {
+            $banks = [];
+        }
+
+        $modal = $this->api()
+            ->get($api_url . '/api/modal-online/' . $kodcaw)
+            ->json();
+
+        $lines = $queue['data'] ?? [];
+        $slot = $queue['slot_cadangan'] ?? null;
+        if (!is_array($batches)) {
+            $batches = [];
+        }
+
+        return view('pembiayaan_online.pc.senarai', compact(
+            'auth_user',
+            'kodcaw',
+            'api_url',
+            'cawangan_info',
+            'lines',
+            'batches',
+            'banks',
+            'modal',
+            'slot',
+            'queue'
+        ));
+    }
+
+    /**
+     * Update bank/docs for a queue line.
+     */
+    public function updateLine(Request $request, $id)
+    {
+        $kodcaw = $this->kodcaw();
+        $api_url = config('api.url');
+
+        $payload = [
+            'kodbank' => $request->input('kodbank'),
+            'noakaun' => $request->input('noakaun'),
+            'nama_bank' => $request->input('nama_bank'),
+            'nama_akaun' => $request->input('nama_akaun'),
+            'nota' => $request->input('nota'),
+            'update_customer_bank' => true,
+        ];
+
+        $res = $this->api()
+            ->asForm()
+            ->put($api_url . '/api/pembiayaan-online/' . $kodcaw . '/lines/' . $id, $payload);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal kemaskini rekod.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        return redirect()->route('pembiayaan.online.pc')->with('message', 'Rekod dikemaskini.');
+    }
+
+    /**
+     * Submit selected lines as a batch to Operasi.
+     */
+    public function submitBatch(Request $request)
+    {
+        $kodcaw = $this->kodcaw();
+        $api_url = config('api.url');
+        $auth_user = Auth::user();
+
+        $ids = $request->input('ids', []);
+        if (!is_array($ids)) {
+            $ids = array_filter(explode(',', (string) $ids));
+        }
+
+        $res = $this->api()
+            ->asForm()
+            ->post($api_url . '/api/pembiayaan-online/' . $kodcaw . '/batches/submit', [
+                'ids' => $ids,
+                'pc_submitted_by' => $auth_user['name'],
+                'slot' => $request->input('slot'),
+            ]);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal hantar batch.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        $batchNo = $res->json()['batch']['batch_no'] ?? '';
+        return redirect()->route('pembiayaan.online.pc')
+            ->with('message', 'Batch dihantar ke Operasi' . ($batchNo ? ': ' . $batchNo : '.'));
+    }
+
+    /**
+     * Batch detail.
+     */
+    public function showBatch($batchId)
+    {
+        $kodcaw = $this->kodcaw();
+        $api_url = config('api.url');
+
+        $cawangan_info = $this->api()
+            ->get($api_url . '/api/cawangan/' . $kodcaw)
+            ->json();
+
+        $detail = $this->api()
+            ->get($api_url . '/api/pembiayaan-online/' . $kodcaw . '/batches/' . $batchId)
+            ->json();
+
+        if (!is_array($detail) || empty($detail['batch'])) {
+            return redirect()->route('pembiayaan.online.pc')->with('error', 'Batch tidak dijumpai.');
+        }
+
+        return view('pembiayaan_online.pc.batch', [
+            'batch' => $detail['batch'],
+            'lines' => $detail['lines'] ?? [],
+            'kodcaw' => $kodcaw,
+            'api_url' => $api_url,
+            'cawangan_info' => $cawangan_info,
+        ]);
+    }
+
+    /**
+     * PC: senarai PAID untuk tally + blast.
+     */
+    public function paidIndex(Request $request)
+    {
+        $auth_user = Auth::user();
+        $kodcaw = $this->kodcaw();
+        $api_url = config('api.url');
+        $blastFilter = $request->input('blast_sent', '0');
+
+        $cawangan_info = $this->api()
+            ->get($api_url . '/api/cawangan/' . $kodcaw)
+            ->json();
+
+        $query = [];
+        if ($blastFilter !== 'all' && $blastFilter !== '') {
+            $query['blast_sent'] = $blastFilter;
+        }
+
+        $paid = $this->api()
+            ->get($api_url . '/api/pembiayaan-online/' . $kodcaw . '/paid', $query)
+            ->json();
+
+        $lines = $paid['data'] ?? [];
+        if (!is_array($lines)) {
+            $lines = [];
+        }
+
+        $bilangan = $paid['bilangan'] ?? count($lines);
+        $jumlah = $paid['jumlah'] ?? 0;
+
+        return view('pembiayaan_online.pc.paid', compact(
+            'auth_user',
+            'kodcaw',
+            'api_url',
+            'cawangan_info',
+            'lines',
+            'bilangan',
+            'jumlah',
+            'blastFilter'
+        ));
+    }
+
+    /**
+     * PC: view/download bukti bayaran inline.
+     */
+    public function viewBukti($id)
+    {
+        $kodcaw = $this->kodcaw();
+        $res = $this->api()
+            ->get(config('api.url') . '/api/pembiayaan-online/' . $kodcaw . '/lines/' . $id . '/bukti');
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Bukti tidak dijumpai.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        $payload = $res->json();
+        $bukti = $payload['bukti'] ?? null;
+        if (!$bukti || empty($bukti['data'])) {
+            return redirect()->back()->with('error', 'Fail bukti kosong.');
+        }
+
+        $raw = $bukti['data'];
+        if (strpos($raw, 'base64,') !== false) {
+            $raw = substr($raw, strpos($raw, 'base64,') + 7);
+        }
+        $binary = base64_decode($raw, true);
+        if ($binary === false) {
+            $binary = base64_decode($bukti['data']);
+        }
+
+        $type = $bukti['type'] ?? 'application/octet-stream';
+        $filename = $bukti['filename'] ?? ('bukti-' . $id);
+
+        return response($binary, 200, [
+            'Content-Type' => $type,
+            'Content-Disposition' => 'inline; filename="' . $filename . '"',
+        ]);
+    }
+
+    /**
+     * PC: tanda rekod PAID sebagai selesai semak / blast.
+     */
+    public function markBlast(Request $request)
+    {
+        $kodcaw = $this->kodcaw();
+        $ids = $request->input('ids', []);
+        if (!is_array($ids)) {
+            $ids = array_filter(explode(',', (string) $ids));
+        }
+
+        if (count($ids) === 0) {
+            return redirect()->back()->with('error', 'Sila pilih sekurang-kurangnya satu rekod.');
+        }
+
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/pembiayaan-online/' . $kodcaw . '/paid/blast', [
+                'ids' => $ids,
+                'blast_by' => Auth::user()['name'],
+            ]);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal tanda selesai.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        $n = $res->json()['dikemaskini'] ?? count($ids);
+        return redirect()
+            ->route('pembiayaan.online.pc.paid')
+            ->with('message', $n . ' rekod ditanda selesai semak/blast.');
+    }
+
+    /**
+     * Operasi: senarai batch semua cawangan.
+     */
+    public function operasiIndex(Request $request)
+    {
+        $auth_user = Auth::user();
+        $api_url = config('api.url');
+        $status = $request->input('status', 'SUBMITTED');
+        $tarikh = $request->input('tarikh');
+
+        $query = ['status' => $status];
+        if ($tarikh) {
+            $query['tarikh'] = $tarikh;
+        }
+
+        $res = $this->api()
+            ->get($api_url . '/api/pembiayaan-online/operasi/batches', $query)
+            ->json();
+
+        $batches = $res['data'] ?? [];
+        if (!is_array($batches)) {
+            $batches = [];
+        }
+
+        return view('pembiayaan_online.operasi.senarai', compact(
+            'auth_user',
+            'api_url',
+            'batches',
+            'status',
+            'tarikh'
+        ));
+    }
+
+    /**
+     * Operasi: detail batch + lines.
+     */
+    public function operasiShowBatch($kodcaw, $batchId)
+    {
+        $auth_user = Auth::user();
+        $api_url = config('api.url');
+
+        $cawangan_info = $this->api()
+            ->get($api_url . '/api/cawangan/' . $kodcaw)
+            ->json();
+
+        $detail = $this->api()
+            ->get($api_url . '/api/pembiayaan-online/operasi/' . $kodcaw . '/batches/' . $batchId)
+            ->json();
+
+        if (!is_array($detail) || empty($detail['batch'])) {
+            return redirect()
+                ->route('pembiayaan.online.operasi')
+                ->with('error', 'Batch tidak dijumpai.');
+        }
+
+        return view('pembiayaan_online.operasi.batch', [
+            'auth_user' => $auth_user,
+            'batch' => $detail['batch'],
+            'lines' => $detail['lines'] ?? [],
+            'kodcaw' => $kodcaw,
+            'api_url' => $api_url,
+            'cawangan_info' => $cawangan_info,
+        ]);
+    }
+
+    public function operasiApproveLine(Request $request, $kodcaw, $id)
+    {
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/pembiayaan-online/operasi/' . $kodcaw . '/lines/' . $id . '/approve', [
+                'ops_by' => Auth::user()['name'],
+            ]);
+
+        return $this->opsRedirect($res, $kodcaw, $request->input('batch_id'), 'Rekod diluluskan.');
+    }
+
+    public function operasiRejectLine(Request $request, $kodcaw, $id)
+    {
+        $reason = trim((string) $request->input('reject_reason', ''));
+        if ($reason === '') {
+            return redirect()->back()->with('error', 'Sebab tolak diperlukan.');
+        }
+
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/pembiayaan-online/operasi/' . $kodcaw . '/lines/' . $id . '/reject', [
+                'ops_by' => Auth::user()['name'],
+                'reject_reason' => $reason,
+            ]);
+
+        return $this->opsRedirect($res, $kodcaw, $request->input('batch_id'), 'Rekod ditolak. Dikembalikan ke PC.');
+    }
+
+    public function operasiApproveBatch(Request $request, $kodcaw, $batchId)
+    {
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/pembiayaan-online/operasi/' . $kodcaw . '/batches/' . $batchId . '/approve', [
+                'ops_by' => Auth::user()['name'],
+            ]);
+
+        return $this->opsRedirect($res, $kodcaw, $batchId, 'Semua rekod menunggu dalam batch diluluskan.');
+    }
+
+    public function operasiMarkPaid(Request $request, $kodcaw, $id)
+    {
+        $payload = $this->buildPaidPayload($request);
+        if (isset($payload['error'])) {
+            return redirect()->back()->with('error', $payload['error']);
+        }
+
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/pembiayaan-online/operasi/' . $kodcaw . '/lines/' . $id . '/paid', $payload);
+
+        return $this->opsRedirect($res, $kodcaw, $request->input('batch_id'), 'Rekod ditanda PAID.');
+    }
+
+    public function operasiMarkPaidBatch(Request $request, $kodcaw, $batchId)
+    {
+        $payload = $this->buildPaidPayload($request);
+        if (isset($payload['error'])) {
+            return redirect()->back()->with('error', $payload['error']);
+        }
+
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/pembiayaan-online/operasi/' . $kodcaw . '/batches/' . $batchId . '/paid', $payload);
+
+        return $this->opsRedirect($res, $kodcaw, $batchId, 'Rekod APPROVED dalam batch ditanda PAID.');
+    }
+
+    /**
+     * @return array
+     */
+    protected function buildPaidPayload(Request $request)
+    {
+        $noRujukan = trim((string) $request->input('no_rujukan_bayaran', ''));
+        if ($noRujukan === '') {
+            return ['error' => 'No. rujukan bayaran diperlukan.'];
+        }
+
+        if (!$request->hasFile('bukti')) {
+            return ['error' => 'Fail bukti bayaran diperlukan.'];
+        }
+
+        $file = $request->file('bukti');
+        if (!$file->isValid()) {
+            return ['error' => 'Fail bukti tidak sah.'];
+        }
+
+        $raw = base64_encode(file_get_contents($file->getRealPath()));
+        $mime = $file->getMimeType() ?: 'application/octet-stream';
+
+        return [
+            'ops_by' => Auth::user()['name'],
+            'no_rujukan_bayaran' => $noRujukan,
+            'tarikh_bayaran' => $request->input('tarikh_bayaran') ?: date('Y-m-d'),
+            'bukti_data' => $raw,
+            'bukti_filename' => $file->getClientOriginalName(),
+            'bukti_type' => $mime,
+        ];
+    }
+
+    protected function opsRedirect($res, $kodcaw, $batchId, $successMsg)
+    {
+        $batchId = $batchId ?: null;
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Tindakan gagal.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        if ($batchId) {
+            return redirect()
+                ->route('pembiayaan.online.operasi.batch', ['kodcaw' => $kodcaw, 'batchId' => $batchId])
+                ->with('message', $successMsg);
+        }
+
+        return redirect()->route('pembiayaan.online.operasi')->with('message', $successMsg);
+    }
+
+    /**
+     * PC: modal online float + top-up request form/history.
+     */
+    public function topupIndex(Request $request)
+    {
+        $auth_user = Auth::user();
+        $kodcaw = $this->kodcaw();
+        $api_url = config('api.url');
+        $status = $request->input('status', '');
+
+        $cawangan_info = $this->api()
+            ->get($api_url . '/api/cawangan/' . $kodcaw)
+            ->json();
+
+        $modal = $this->api()
+            ->get($api_url . '/api/modal-online/' . $kodcaw)
+            ->json();
+
+        $query = [];
+        if ($status !== '' && $status !== 'all') {
+            $query['status'] = $status;
+        }
+
+        $reqRes = $this->api()
+            ->get($api_url . '/api/modal-online/' . $kodcaw . '/topup/requests', $query)
+            ->json();
+
+        $requests = $reqRes['data'] ?? [];
+        if (!is_array($requests)) {
+            $requests = [];
+        }
+
+        $pendingRes = $this->api()
+            ->get($api_url . '/api/modal-online/' . $kodcaw . '/topup/requests', ['status' => 'PENDING'])
+            ->json();
+        $pendingList = $pendingRes['data'] ?? [];
+        $hasPending = is_array($pendingList) && count($pendingList) > 0;
+        $isMissing = !empty($modal['missing']);
+        $pendingRequest = $modal['pending_request'] ?? null;
+        if (!$pendingRequest && $hasPending) {
+            $pendingRequest = $pendingList[0];
+        }
+
+        return view('pembiayaan_online.pc.topup', compact(
+            'auth_user',
+            'kodcaw',
+            'api_url',
+            'cawangan_info',
+            'modal',
+            'requests',
+            'status',
+            'hasPending',
+            'isMissing',
+            'pendingRequest'
+        ));
+    }
+
+    /**
+     * PC: submit top-up request.
+     */
+    public function topupRequest(Request $request)
+    {
+        $kodcaw = $this->kodcaw();
+        $amaun = (float) $request->input('amaun', 0);
+
+        if ($amaun <= 0) {
+            return redirect()->back()->with('error', 'Amaun mesti lebih daripada 0.');
+        }
+
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/modal-online/' . $kodcaw . '/topup/request', [
+                'amaun' => $amaun,
+                'dimohon_oleh' => Auth::user()['name'],
+                'nota' => $request->input('nota'),
+            ]);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal hantar permohonan.';
+            return redirect()->back()->with('error', $msg)->withInput();
+        }
+
+        return redirect()
+            ->route('pembiayaan.online.pc.topup')
+            ->with('message', 'Permohonan modal online dihantar. Menunggu kelulusan Operasi.');
+    }
+
+    /**
+     * Operasi: senarai permohonan tambah modal online.
+     */
+    public function operasiTopupIndex(Request $request)
+    {
+        $auth_user = Auth::user();
+        $api_url = config('api.url');
+        $status = $request->input('status', 'PENDING');
+        $tarikh = $request->input('tarikh');
+
+        $query = [];
+        if ($status === 'all') {
+            $query['status'] = 'all';
+        } elseif ($status !== '' && $status !== null) {
+            $query['status'] = $status;
+        } else {
+            $query['status'] = 'PENDING';
+        }
+        if ($tarikh) {
+            $query['tarikh'] = $tarikh;
+        }
+
+        $res = $this->api()
+            ->get($api_url . '/api/modal-online/operasi/topup/requests', $query)
+            ->json();
+
+        $requests = $res['data'] ?? [];
+        if (!is_array($requests)) {
+            $requests = [];
+        }
+
+        return view('pembiayaan_online.operasi.topup', compact(
+            'auth_user',
+            'api_url',
+            'requests',
+            'status',
+            'tarikh'
+        ));
+    }
+
+    public function operasiTopupApprove(Request $request, $id)
+    {
+        $amaun = $request->input('amaun');
+        if ($amaun !== null && $amaun !== '' && (float) $amaun <= 0) {
+            return redirect()->back()->with('error', 'Amaun diluluskan mesti lebih daripada 0.');
+        }
+
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/modal-online/operasi/topup/' . $id . '/approve', [
+                'diluluskan_oleh' => Auth::user()['name'],
+                'nota' => $request->input('nota'),
+                'amaun' => $amaun,
+            ]);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal lulus permohonan.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        $amaunLulus = $res->json()['request']['amaun'] ?? $amaun;
+        return redirect()
+            ->route('pembiayaan.online.operasi.topup')
+            ->with('message', 'Permohonan diluluskan RM ' . number_format((float) $amaunLulus, 2) . '. Modal online cawangan dikemas kini.');
+    }
+
+    public function operasiTopupReject(Request $request, $id)
+    {
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/modal-online/operasi/topup/' . $id . '/reject', [
+                'diluluskan_oleh' => Auth::user()['name'],
+                'nota' => $request->input('nota'),
+            ]);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal tolak permohonan.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        return redirect()
+            ->route('pembiayaan.online.operasi.topup')
+            ->with('message', 'Permohonan ditolak.');
+    }
+
+    /**
+     * PC: EOD close branch modal online.
+     */
+    public function closeModal(Request $request)
+    {
+        $kodcaw = $this->kodcaw();
+
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/modal-online/' . $kodcaw . '/close', [
+                'ditutup_oleh' => Auth::user()['name'],
+            ]);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal tutup modal online.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        $dikembalikan = $res->json()['dikembalikan'] ?? 0;
+        return redirect()
+            ->route('pembiayaan.online.pc.topup')
+            ->with('message', 'Modal online ditutup. Baki dikembalikan RM ' . number_format((float) $dikembalikan, 2) . '.');
+    }
+
+    /**
+     * Operasi: EOD dashboard semua cawangan.
+     */
+    public function operasiEodIndex(Request $request)
+    {
+        $auth_user = Auth::user();
+        $api_url = config('api.url');
+        $tarikh = $request->input('tarikh') ?: date('Y-m-d');
+
+        $res = $this->api()
+            ->get($api_url . '/api/modal-online/operasi/eod', [
+                'zone' => 'all',
+                'tarikh' => $tarikh,
+            ])
+            ->json();
+
+        $rows = $res['data'] ?? [];
+        if (!is_array($rows)) {
+            $rows = [];
+        }
+
+        $summary = [
+            'open' => $res['open'] ?? 0,
+            'closed' => $res['closed'] ?? 0,
+            'missing' => $res['missing'] ?? 0,
+            'bilangan' => $res['bilangan'] ?? count($rows),
+        ];
+
+        return view('pembiayaan_online.operasi.eod', compact(
+            'auth_user',
+            'api_url',
+            'rows',
+            'tarikh',
+            'summary'
+        ));
+    }
+
+    public function operasiCloseModal(Request $request, $kodcaw)
+    {
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/modal-online/' . $kodcaw . '/close', [
+                'ditutup_oleh' => Auth::user()['name'],
+            ]);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal tutup modal online.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        return redirect()
+            ->route('pembiayaan.online.operasi.eod')
+            ->with('message', 'Modal online ' . $kodcaw . ' ditutup.');
+    }
+
+    public function operasiCloseAllModal(Request $request)
+    {
+        $res = $this->api()
+            ->asForm()
+            ->post(config('api.url') . '/api/modal-online/operasi/eod/close-all', [
+                'ditutup_oleh' => Auth::user()['name'],
+                'zone' => 'all',
+            ]);
+
+        if (!$res->successful()) {
+            $body = $res->json();
+            $msg = is_array($body) && isset($body['message']) ? $body['message'] : 'Gagal tutup semua modal online.';
+            return redirect()->back()->with('error', $msg);
+        }
+
+        $closed = $res->json()['closed'] ?? 0;
+        $skipped = $res->json()['skipped'] ?? 0;
+        return redirect()
+            ->route('pembiayaan.online.operasi.eod')
+            ->with('message', 'EOD selesai: ' . $closed . ' ditutup, ' . $skipped . ' sudah ditutup.');
+    }
+}
diff --git a/app/Http/Middleware/TrustProxies.php b/app/Http/Middleware/TrustProxies.php
index 14befceb..39816113 100644
--- a/app/Http/Middleware/TrustProxies.php
+++ b/app/Http/Middleware/TrustProxies.php
@@ -12,7 +12,7 @@ class TrustProxies extends Middleware
      *
      * @var array|string|null
      */
-    protected $proxies;
+    protected $proxies = '*';
 
     /**
      * The headers that should be used to detect proxies.
diff --git a/app/Providers/AppServiceProvider.php b/app/Providers/AppServiceProvider.php
index ee8ca5bc..539a3f28 100644
--- a/app/Providers/AppServiceProvider.php
+++ b/app/Providers/AppServiceProvider.php
@@ -23,6 +23,8 @@ class AppServiceProvider extends ServiceProvider
      */
     public function boot()
     {
-        //
+        if (strpos((string) config('app.url'), 'https://') === 0) {
+            \Illuminate\Support\Facades\URL::forceScheme('https');
+        }
     }
 }
diff --git a/app/Providers/AuthServiceProvider.php b/app/Providers/AuthServiceProvider.php
index 30490683..08a3ae1b 100644
--- a/app/Providers/AuthServiceProvider.php
+++ b/app/Providers/AuthServiceProvider.php
@@ -25,6 +25,8 @@ class AuthServiceProvider extends ServiceProvider
     {
         $this->registerPolicies();
 
-        //
+        Gate::define('impersonate', function ($user) {
+            return $user->canImpersonate();
+        });
     }
 }
diff --git a/app/User.php b/app/User.php
index 33e49532..70034b80 100644
--- a/app/User.php
+++ b/app/User.php
@@ -6,9 +6,11 @@ use Illuminate\Contracts\Auth\MustVerifyEmail;
 use Illuminate\Database\Eloquent\Relations\HasOne;
 use Illuminate\Foundation\Auth\User as Authenticatable;
 use Illuminate\Notifications\Notifiable;
+use Lab404\Impersonate\Models\Impersonate;
 
 class User extends Authenticatable
 {
+    use Impersonate;
     use Notifiable;
 
     protected $guard = 'web';
@@ -43,4 +45,14 @@ class User extends Authenticatable
     {
         return $this->hasOne(Cawangan::class, 'kodcaw', 'cawangan');
     }
+
+    public function canImpersonate(): bool
+    {
+        return in_array($this->roles ?? '', ['admin'], true);
+    }
+
+    public function canBeImpersonated(): bool
+    {
+        return ($this->roles ?? '') !== 'admin';
+    }
 }
diff --git a/app/helpers.php b/app/helpers.php
new file mode 100644
index 00000000..974dacb6
--- /dev/null
+++ b/app/helpers.php
@@ -0,0 +1,15 @@
+<?php
+
+if (!function_exists('api_url_for_browser')) {
+    /**
+     * Base URL for JavaScript in the browser, derived from API_URL (config api.url).
+     * Docker dev often uses host.docker.internal for PHP→host; browsers may not resolve it.
+     * Same host-mapped port is reachable at 127.0.0.1. Production URLs are unchanged.
+     */
+    function api_url_for_browser(): string
+    {
+        $url = rtrim((string) config('api.url'), '/');
+
+        return str_ireplace('host.docker.internal', '127.0.0.1', $url);
+    }
+}
diff --git a/composer.json b/composer.json
index b89b9d7a..4811a88f 100644
--- a/composer.json
+++ b/composer.json
@@ -14,6 +14,7 @@
         "fruitcake/laravel-cors": "^2.0",
         "guzzlehttp/guzzle": "^6.3",
         "jeroennoten/laravel-adminlte": "^3.5",
+        "lab404/laravel-impersonate": "^1.7",
         "laravel/framework": "^7.24",
         "laravel/tinker": "^2.0",
         "laravel/ui": "^2.4",
@@ -51,6 +52,9 @@
         "classmap": [
             "database/seeds",
             "database/factories"
+        ],
+        "files": [
+            "app/helpers.php"
         ]
     },
     "autoload-dev": {
diff --git a/composer.lock b/composer.lock
index 1967e98d..2ce58947 100644
--- a/composer.lock
+++ b/composer.lock
@@ -4,7 +4,7 @@
         "Read more about it at https://getcomposer.org/doc/01-basic-usage.md#installing-dependencies",
         "This file is @generated automatically"
     ],
-    "content-hash": "bfd66ab0246126c4f2cc7bbeeacca4ec",
+    "content-hash": "fa66321247398a94dc8b7f8099bb184e",
     "packages": [
         {
             "name": "almasaeed2010/adminlte",
@@ -1293,6 +1293,73 @@
             },
             "time": "2022-05-18T14:12:47+00:00"
         },
+        {
+            "name": "lab404/laravel-impersonate",
+            "version": "1.7.8",
+            "source": {
+                "type": "git",
+                "url": "https://github.com/404labfr/laravel-impersonate.git",
+                "reference": "0008a39da8914cc946b6a5ed211230708ee736b3"
+            },
+            "dist": {
+                "type": "zip",
+                "url": "https://api.github.com/repos/404labfr/laravel-impersonate/zipball/0008a39da8914cc946b6a5ed211230708ee736b3",
+                "reference": "0008a39da8914cc946b6a5ed211230708ee736b3",
+                "shasum": ""
+            },
+            "require": {
+                "laravel/framework": "^6.0 | ^7.0 | ^8.0 | ^9.0 | ^10.0 | ^11.0 | ^12.0 | ^13.0",
+                "php": "^7.2 | ^8.0"
+            },
+            "require-dev": {
+                "mockery/mockery": "^1.3.3",
+                "orchestra/testbench": "^4.0 | ^5.0 | ^6.0 | ^7.0 | ^8.0 | ^9.0 | ^10.0 | ^11.0",
+                "phpunit/phpunit": "^7.5 | ^8.0 | ^9.0 | ^10.0 | ^11.0"
+            },
+            "type": "library",
+            "extra": {
+                "laravel": {
+                    "providers": [
+                        "Lab404\\Impersonate\\ImpersonateServiceProvider"
+                    ]
+                }
+            },
+            "autoload": {
+                "files": [
+                    "src/helpers.php"
+                ],
+                "psr-4": {
+                    "Lab404\\Impersonate\\": "src/"
+                }
+            },
+            "notification-url": "https://packagist.org/downloads/",
+            "license": [
+                "MIT"
+            ],
+            "authors": [
+                {
+                    "name": "Marceau Casals",
+                    "email": "marceau@casals.fr"
+                }
+            ],
+            "description": "Laravel Impersonate is a plugin that allows to you to authenticate as your users.",
+            "keywords": [
+                "auth",
+                "impersonate",
+                "impersonation",
+                "laravel",
+                "laravel-package",
+                "laravel-plugin",
+                "package",
+                "plugin",
+                "user"
+            ],
+            "support": {
+                "issues": "https://github.com/404labfr/laravel-impersonate/issues",
+                "source": "https://github.com/404labfr/laravel-impersonate/tree/1.7.8"
+            },
+            "time": "2026-03-17T15:24:14+00:00"
+        },
         {
             "name": "laravel/framework",
             "version": "v7.30.6",
@@ -9013,12 +9080,12 @@
     ],
     "aliases": [],
     "minimum-stability": "dev",
-    "stability-flags": [],
+    "stability-flags": {},
     "prefer-stable": true,
     "prefer-lowest": false,
     "platform": {
         "php": "^7.2.5"
     },
-    "platform-dev": [],
-    "plugin-api-version": "2.3.0"
+    "platform-dev": {},
+    "plugin-api-version": "2.9.0"
 }
diff --git a/config/app.php b/config/app.php
index 0025b5bc..345406b5 100644
--- a/config/app.php
+++ b/config/app.php
@@ -15,6 +15,8 @@ return [
 
     'name' => env('APP_NAME', 'Laravel'),
 
+    'version' => env('APP_VERSION', ''),
+
     /*
     |--------------------------------------------------------------------------
     | Application Environment
diff --git a/config/mykad-reader.php b/config/mykad-reader.php
index e1dc6da9..21576946 100644
--- a/config/mykad-reader.php
+++ b/config/mykad-reader.php
@@ -1,7 +1,7 @@
 <?php
 
-$default_port = '8085';
-$getReaderEndpoint = fn($x) => 'http://localhost:' . $x . '/?MYKADJSON';
+$default_port = '17321';
+$getReaderEndpoint = fn($x) => 'http://localhost:' . $x . '/read';
 
 return[
     'endpoint' => env('MYKAD_READER_ENDPOINT', $getReaderEndpoint(env('MYKAD_READER_PORT', $default_port))),
diff --git a/docker-compose.staging.yml b/docker-compose.staging.yml
index 073e756d..92ae34c7 100644
--- a/docker-compose.staging.yml
+++ b/docker-compose.staging.yml
@@ -1,23 +1,8 @@
-# Staging stack — isolated from local docker-compose.yml (8081 / 3307)
-# and from api_arrahn staging (8090 / 3308).
-#
-# Local:
-#   docker compose --env-file .env.staging -f docker-compose.staging.yml up -d --build
-#
-# CI (image already in registry):
-#   APP_IMAGE=git.koppkb.com/kopkb/kaunter IMAGE_TAG=<sha> \
-#     docker compose --env-file .env.staging -f docker-compose.staging.yml up -d --no-build
-#
-# Host nginx reverse-proxies the public domain to 127.0.0.1:${HTTP_PORT}.
-# See docker/nginx/host-proxy.example.conf
-#
-# If 8091 or 3309 is already taken, set HTTP_PORT / MYSQL_PUBLISH_PORT in .env.staging.
-
 name: kaunter_staging
 
 services:
   app:
-    image: ${APP_IMAGE:-kaunter}:${IMAGE_TAG:-staging}
+    image: ${APP_IMAGE:-git.koppkb.com/kopkb/kaunter}:${IMAGE_TAG:-staging}
     build:
       context: .
       dockerfile: docker/php/Dockerfile
diff --git a/docker/nginx/default.conf b/docker/nginx/default.conf
index 223a96c0..182f3243 100644
--- a/docker/nginx/default.conf
+++ b/docker/nginx/default.conf
@@ -9,7 +9,10 @@ server {
     client_max_body_size 50M;
 
     location / {
-        try_files $uri $uri/ @php;
+        # Production Apache public/.htaccess 301-strips trailing slashes.
+        # Nginx ignores .htaccess, so without this /path/ 404s while /path works.
+        rewrite ^/(.*)/$ /$1 last;
+        try_files $uri @php;
     }
 
     location @php {
diff --git a/docker/php/Dockerfile b/docker/php/Dockerfile
index b14f579b..e2a2c4f8 100644
--- a/docker/php/Dockerfile
+++ b/docker/php/Dockerfile
@@ -4,22 +4,22 @@ WORKDIR /var/www/html
 
 RUN apt-get update \
   && apt-get install -y --no-install-recommends \
-    git \
-    pkg-config \
-    unzip \
-    libonig-dev \
-    libzip-dev \
-    libpng-dev \
-    libjpeg62-turbo-dev \
-    libfreetype6-dev \
+  git \
+  pkg-config \
+  unzip \
+  libonig-dev \
+  libzip-dev \
+  libpng-dev \
+  libjpeg62-turbo-dev \
+  libfreetype6-dev \
   && docker-php-ext-configure gd --with-freetype --with-jpeg \
   && docker-php-ext-install -j"$(nproc)" \
-    pdo_mysql \
-    mbstring \
-    bcmath \
-    zip \
-    exif \
-    gd \
+  pdo_mysql \
+  mbstring \
+  bcmath \
+  zip \
+  exif \
+  gd \
   && rm -rf /var/lib/apt/lists/*
 
 COPY --from=composer:2 /usr/bin/composer /usr/local/bin/composer
@@ -40,12 +40,12 @@ COPY --chown=www-data:www-data . /var/www/html
 
 RUN composer install --no-interaction --prefer-dist --no-dev --optimize-autoloader --no-scripts \
   && mkdir -p \
-    storage/logs \
-    storage/framework/cache/data \
-    storage/framework/views \
-    storage/framework/sessions \
-    storage/app/public \
-    bootstrap/cache \
+  storage/logs \
+  storage/framework/cache/data \
+  storage/framework/views \
+  storage/framework/sessions \
+  storage/app/public \
+  bootstrap/cache \
   && chown -R www-data:www-data storage bootstrap/cache vendor
 
 FROM base AS development
diff --git a/public/js/mykad-reader-customer.js b/public/js/mykad-reader-customer.js
index 3c53b650..e15ccbcb 100644
--- a/public/js/mykad-reader-customer.js
+++ b/public/js/mykad-reader-customer.js
@@ -1,293 +1,371 @@
 
 let button_read_mykad = document.getElementById("button_read_mykad");
 let button_close_modal = document.querySelector("#daftar_pelanggan_mykad_reader button.btn.btn-danger");
-let original_photo_loader = document.querySelector("#photo-mykad").src;
+let photo_mykad = document.querySelector("#photo-mykad");
+let original_photo_loader = photo_mykad ? photo_mykad.src : "";
 
-    let showLoader = () => {
-      let pageLoader = document.getElementById('page_loader');
-      pageLoader.removeAttribute('class');
-      pageLoader.classList.add('loading');
-    };
+const MYKAD_READER_TIMEOUT_MS = 45000;
+const MYKAD_READER_DEFAULT_ENDPOINT = "http://localhost:17321/read";
 
-    let hideLoader = () => {
-      let pageLoader = document.getElementById('page_loader');
-      pageLoader.removeAttribute('class');
-    };
-
-    function handleMyKadReader()
-    {
-        showLoader();
-		WebSocketManager.init("wss://localhost:5963/mykadwebsocket");
-        WebSocketManager.listReader(callbackDoneGetListCardReader);
-    }
-
-    function callbackDoneGetListCardReader(data, respcode)
-	{
-        console.log('done get list card reader');
-
-        if(respcode === -1){
-            console.log({'location': 'callbackDoneGetListCardReader', 'data' : data} );
-        }
-
-        let isDevicesConnected = Object.keys(data).length > 0;
-
-        if(! isDevicesConnected){
-           hideLoader();
-
-           Swal.fire({ icon: 'error', title: 'Pembaca MyKad tidak dapat dikesan, sila periksa sambungan', });
-
-           return;
-        }
-
-		let slots = data.toString().split(',');
-        WebSocketManager.open(doneOpenReaderConnection, slots[0]);
-	}
-
-    function doneOpenReaderConnection()
-	{
-		WebSocketManager.readAllText(callBackAfterReadMykad);
-    }
-
-    function handleMyKadReaderError(sw12AndApiName)
-    {
-        hideLoader();
-
-        let error_handler_dictionary = {
-            '0x80100069' : 'Tiada MyKad dikesan, sila masukkan Mykad untuk dibaca',
-            '0x80100066' : 'MyKad mungkin dimasukkan terbalik, sila masukkan dengan betul',
-            'default' : sw12AndApiName,
-        };
-
-        let error_data = sw12AndApiName.split(" ");
-
-        let error_code = error_data.filter(x => x.startsWith('0x')).splice(-1)
-
-        let error_message = error_handler_dictionary['default'];
-
-        let hasDefinedError = error_handler_dictionary.hasOwnProperty(error_code);
-
-        if(hasDefinedError){
-            error_message = error_handler_dictionary[error_code];
-        }
-
-        Swal.fire({ icon: 'error', title: error_message, });
-    }
-
-    function callBackAfterReadMykad(data, respcode, sw12AndApiName)
-	{
-        if(respcode !== 0){
-            handleMyKadReaderError(sw12AndApiName);
-            return
-        }
-
-        checkIfMyKadExists(data.IDNum)
-            .then(response => {
-                let isResponseArray = Array.isArray(response);
-                resolved_response = isResponseArray ? response.pop() : response;
-
-                if (resolved_response === 'no-data') {
-                    populateDaftarPelangganModal(data, handleReadPhoto);
-                } else {
-                    let input_search_noic = document.getElementById("noic");
-                    let form_search_noic = document.querySelector("form[name='frmsearch']");
-
-                    let getMyKadNumberWithoutHypens = myKadNumber => myKadNumber.replace(/-/g, '');
-                    input_search_noic.value = getMyKadNumberWithoutHypens(data.IDNum);
-                    form_search_noic.submit();
-                }
-            })
-            .catch(error => {
-                Swal.fire({
-                    icon: 'error',
-                    title: error,
-                });
-            });
-
-        hideLoader();
-	}
-
-    function checkIfMyKadExists(myKadNumber) {
-        let myKadNumberWithoutHyphens = myKadNumber.replace(/-/g, '');
-
-        const url = wakil_caricustomer_endpoint + '/?icno=' + myKadNumberWithoutHyphens;
-
-        const connectionConfig = {
-            headers: {
-                "Content-Type": "application/json",
-                "Accept": "application/json",
-                "X-Requested-With": "XMLHttpRequest",
-                "X-CSRF-Token": document.querySelector('input[name="_token"]').value
-            },
-            credentials: "same-origin",
-        };
-
-        return fetch(url, connectionConfig)
-            .then(response => response.json())
-    }
-
-    let populateDaftarPelangganModal = (data, callbackAfterPopulateDaftarPelanggan) => {
-        $('#daftar_pelanggan_mykad_reader').modal('show');
-        let modal_form = document.querySelector("#daftar_pelanggan_mykad_reader .modal-body .row.form-group");
-
-        const religions = [
-            ['01', 'Islam'],
-            ['02', 'Hindu'],
-            ['03', 'Buddha'],
-            ['04', 'Kristian'],
-            ['05', 'Lain-lain'],
-        ];
-
-        const races = [
-            ['M', 'Melayu'],
-            ['C', 'Cina'],
-            ['I', 'India'],
-            ['L', 'Lain-lain'],
-        ];
-
-        let getCodeFromValue = (needle, haystack) => {
-            let title_cased_text = needle.split(' ')
-                .map(w => w[0].toUpperCase() + w.substring(1).toLowerCase())
-                .join(' ');
-
-            return haystack.filter(x => x[1] == title_cased_text)[0][0];
-        };
-
-        let getMyKadNumberWithoutHypens = (IDNum) => {
-            return IDNum.replace(/-/g, '');
-        }
-
-        let getFormattedDateOfBirth = (date_of_birth) => {
-
-            let date_of_birth_hyphenated = date_of_birth.replace(/(\d{4})(\d{2})(\d{2})/, "$1-$2-$3");
-
-            const [year, month, day] = date_of_birth_hyphenated.split('-');
-            return day + '/' + month + '/' + year;
-        };
-
-        let getAgeFromDateOfBirth = (date_of_birth) => {
-
-            let date_of_birth_hyphenated = date_of_birth.replace(/(\d{4})(\d{2})(\d{2})/, "$1-$2-$3");
-
-            const [birth_year, birth_month, birth_day] = date_of_birth_hyphenated.split('-');
-
-            let formatBirthMonth = (birth_month) => {
-                let newbirthMonth = birth_month < 9 ? birth_month[1] : birth_month;
-                return newbirthMonth;
-            };
-
-            const count_leap_year = countLeapYears(birth_year, formatBirthMonth(birth_month), birth_day) - 1;
-
-            const start = new Date(date_of_birth_hyphenated),
-                end = new Date(),
-                diff = new Date(end - start),
-                days = ((diff / 1000 / 60 / 60 / 24) - count_leap_year) / 365;
-
-            return parseInt(days);
-        };
-
-        let getBumiputeraStatus = (race) => {
-
-            const non_bumiputera_ethnicity = ['INDIA', 'CINA'];
-
-            let isBumiputera = !non_bumiputera_ethnicity.includes(race);
-
-            return isBumiputera;
-        };
-
-        let disablePointerEventsOnClickableInputs = () => {
-            modal_form.querySelector("input[name='bumiputera']").style.pointerEvents = 'none';
-            modal_form.querySelector("input[name='warganegara']").style.pointerEvents = 'none';
-
-            modal_form.querySelector("select[name='bangsa']").style.pointerEvents = 'none';
-            modal_form.querySelector("select[name='agama']").style.pointerEvents = 'none';
-        }
-
-        let mykad_modal = document.querySelector("#daftar_pelanggan_mykad_reader");
-        let photo_container = mykad_modal.querySelector("#photo-mykad-container");
-
-        modal_form.querySelector("textarea[name='name']").value = data.OrgName;
-        modal_form.querySelector("input[name='noic']").value = getMyKadNumberWithoutHypens(data.IDNum);
-        modal_form.querySelector("input[name='tarikh_lahir']").value = getFormattedDateOfBirth(data.BirthDate);
-        modal_form.querySelector("input[name='negeri_lahir']").value = data.BirthPlace;
-        modal_form.querySelector("input[name='jantina']").value = data.Gender == 'LELAKI' ? 'Lelaki' : 'Perempuan';
-        modal_form.querySelector("input[name='warganegara']").checked = data.Citizenship === 'WARGANEGARA' ? true : false;
-        modal_form.querySelector("input[name='bumiputera']").checked = getBumiputeraStatus(data.Race);
-        modal_form.querySelector("select[name='agama']").value = getCodeFromValue(data.Religion, religions);
-        modal_form.querySelector("textarea[name='alamat']").value = [data.Address1, data.Address2, data.Address3].join(", ");
-
-        let getPostCode = (postCodeCity) => postCodeCity.replace(/\D/g, '');
-        modal_form.querySelector("input[name='poskod']").value = getPostCode(data.PostcodeCity);
-
-        let getCityName = (postCodeCity) => postCodeCity.replace(/\d/g, '');
-        modal_form.querySelector("input[name='daerah']").value = getCityName(data.PostcodeCity).trim();
-
-        modal_form.querySelector("input[name='negeri']").value = data.State;
-        modal_form.querySelector("input[name='age']").value = getAgeFromDateOfBirth(data.BirthDate);
-        modal_form.querySelector("select[name='bangsa']").value = getCodeFromValue(data.Race, races);
-
-        calculatePassportAge();
-
-        photo_container.classList.remove('d-none');
-        photo_container.classList.add('d-flex');
-
-        $('#daftar_pelanggan_mykad_reader').modal('show');
-
-
-        disablePointerEventsOnClickableInputs();
-        callbackAfterPopulateDaftarPelanggan();
-}
-
-
-function handleReadPhoto()
-{
-	WebSocketManager.init("wss://localhost:5963/mykadwebsocket");
-    WebSocketManager.listReader(callbackDoneGetListCardReader2);
-}
-
-function callbackDoneGetListCardReader2(data, respcode)
-{
-    if(respcode === -1){
-        console.log({'location': 'callbackDoneGetListCardReader', 'data' : data} );
-    }
-
-    let slots = data.toString().split(',');
-    WebSocketManager.open(doneOpenReaderConnection2, slots[0]);
-}
-
-function doneOpenReaderConnection2()
-{
-    WebSocketManager.readPhoto(callbackAfterReadPhoto2);
-}
-
-function callbackAfterReadPhoto2(data, RespCode, RespSW12AndApiName)
-{
-    let mykad_modal = document.querySelector("#daftar_pelanggan_mykad_reader");
-    let photo = mykad_modal.querySelector("#photo-mykad");
-
-    let isDataEmpty = data
-    && Object.keys(data).length === 0
-    && Object.getPrototypeOf(data) === Object.prototype;
-
-    if(isDataEmpty){
-        photo.src = original_photo_loader;
+let showLoader = () => {
+    let pageLoader = document.getElementById('page_loader');
+    if (!pageLoader) {
         return;
     }
+    pageLoader.removeAttribute('class');
+    pageLoader.classList.add('loading');
+};
 
-    photo.src = 'data:image/jpeg;base64, ' + data.Base64Photo;
+let hideLoader = () => {
+    let pageLoader = document.getElementById('page_loader');
+    if (!pageLoader) {
+        return;
+    }
+    pageLoader.removeAttribute('class');
+};
+
+function getMyKadReaderEndpoint() {
+    let endpoint = (typeof mykad_reader_endpoint !== 'undefined' && mykad_reader_endpoint)
+        ? String(mykad_reader_endpoint).trim()
+        : '';
+
+    if (!endpoint || endpoint.includes('MYKADJSON') || endpoint.includes(':8085')) {
+        return MYKAD_READER_DEFAULT_ENDPOINT;
+    }
+
+    return endpoint;
 }
 
+async function parseJsonResponse(response) {
+    let text = await response.text();
+    let trimmed = (text || '').trim();
+
+    if (!trimmed) {
+        throw new Error('Pembaca MyKad tidak memulangkan data. Sila cuba lagi.');
+    }
+
+    if (trimmed.charAt(0) === '<') {
+        throw new Error('Pembaca MyKad memulangkan halaman web, bukan data kad. Sila pastikan perkhidmatan mykad-helper sedang berjalan di localhost:17321.');
+    }
+
+    try {
+        return JSON.parse(trimmed);
+    } catch (error) {
+        throw new Error('Pembaca MyKad memulangkan data yang tidak sah. Sila cuba lagi.');
+    }
+}
+
+function getMyKadNumberWithoutHyphens(nric) {
+    return String(nric || '').replace(/-/g, '');
+}
+
+function titleCase(value) {
+    return String(value || '')
+        .toLowerCase()
+        .split(' ')
+        .filter(Boolean)
+        .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+        .join(' ');
+}
+
+function getCodeFromValue(needle, haystack, fallback) {
+    let normalised = titleCase(needle);
+    let match = haystack.find(item => item[1].toLowerCase() === normalised.toLowerCase());
+
+    return match ? match[0] : fallback;
+}
+
+function mapGender(gender) {
+    let value = String(gender || '').toLowerCase();
+
+    if (['male', 'lelaki', 'l', 'm'].includes(value)) {
+        return 'Lelaki';
+    }
+
+    if (['female', 'perempuan', 'p', 'f'].includes(value)) {
+        return 'Perempuan';
+    }
+
+    return gender || '';
+}
+
+function formatDateOfBirth(dob) {
+    if (!dob) {
+        return '';
+    }
+
+    let hyphenated = String(dob).includes('-')
+        ? String(dob)
+        : String(dob).replace(/(\d{4})(\d{2})(\d{2})/, '$1-$2-$3');
+
+    let [year, month, day] = hyphenated.split('-');
+
+    if (!year || !month || !day) {
+        return dob;
+    }
+
+    return day + '/' + month + '/' + year;
+}
+
+function getAgeFromDateOfBirth(dob) {
+    if (!dob) {
+        return '';
+    }
+
+    let hyphenated = String(dob).includes('-')
+        ? String(dob)
+        : String(dob).replace(/(\d{4})(\d{2})(\d{2})/, '$1-$2-$3');
+
+    let birthDate = new Date(hyphenated);
+    if (Number.isNaN(birthDate.getTime())) {
+        return '';
+    }
+
+    let today = new Date();
+    let age = today.getFullYear() - birthDate.getFullYear();
+    let monthDiff = today.getMonth() - birthDate.getMonth();
+
+    if (monthDiff < 0 || (monthDiff === 0 && today.getDate() < birthDate.getDate())) {
+        age -= 1;
+    }
+
+    return age;
+}
+
+function getBumiputeraStatus(race) {
+    const non_bumiputera_ethnicity = ['INDIA', 'CINA', 'INDIAN', 'CHINESE'];
+    return !non_bumiputera_ethnicity.includes(String(race || '').toUpperCase());
+}
+
+function joinAddress(data) {
+    return [data.address1, data.address2, data.address3]
+        .map(line => String(line || '').trim())
+        .filter(Boolean)
+        .join(', ');
+}
+
+function mapReaderErrorCode(rawMessage) {
+    const error_handler_dictionary = {
+        '0x80100069': 'Tiada MyKad dikesan, sila masukkan MyKad untuk dibaca',
+        '0x8010000C': 'Tiada MyKad dikesan, sila masukkan MyKad untuk dibaca',
+        '0x80100066': 'MyKad mungkin dimasukkan terbalik, sila masukkan dengan betul',
+        '0x80100067': 'MyKad tidak dapat dikesan. Sila cabut dan masukkan semula kad',
+        '0x80100016': 'Gagal membaca MyKad. Sila pastikan kad dimasukkan dengan betul dan cuba lagi',
+        '0x8010002E': 'Pembaca MyKad tidak dapat dikesan, sila periksa sambungan',
+        '0x80100017': 'Pembaca MyKad tidak dapat dikesan, sila periksa sambungan',
+    };
+
+    let message = String(rawMessage || '');
+    let codes = message.match(/0x[0-9a-fA-F]+/g) || [];
+    let matched = codes.reverse().find(code => error_handler_dictionary[code]);
+
+    return matched ? error_handler_dictionary[matched] : (message || null);
+}
+
+function getReaderErrorMessage(payload) {
+    if (!payload) {
+        return 'Pembaca MyKad tidak dapat membaca kad. Sila cuba lagi.';
+    }
+
+    let raw = payload.message || payload.error || payload.detail || '';
+    return mapReaderErrorCode(raw)
+        || 'Pembaca MyKad tidak dapat membaca kad. Sila pastikan MyKad dimasukkan dengan betul.';
+}
+
+function getFetchErrorTitle(error) {
+    if (error && error.name === 'AbortError') {
+        return 'Masa menunggu pembaca MyKad telah tamat. Sila cuba lagi.';
+    }
+
+    return 'Pembaca MyKad tidak dapat dikesan. Sila pastikan perkhidmatan pembaca MyKad sedang berjalan.';
+}
+
+function getDisplayError(error) {
+    if (!error) {
+        return getFetchErrorTitle(error);
+    }
+
+    if (error.name === 'AbortError') {
+        return getFetchErrorTitle(error);
+    }
+
+    let message = String(error.message || '');
+    if (!message || message.startsWith('Failed to fetch') || message.includes('NetworkError')) {
+        return getFetchErrorTitle(error);
+    }
+
+    return message;
+}
+
+async function handleMyKadReader() {
+    showLoader();
+
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), MYKAD_READER_TIMEOUT_MS);
+
+    try {
+        const response = await fetch(getMyKadReaderEndpoint(), {
+            method: 'POST',
+            headers: {
+                'Accept': 'application/json',
+            },
+            signal: controller.signal,
+        });
+
+        const payload = await parseJsonResponse(response);
+
+        if (!response.ok) {
+            throw new Error(getReaderErrorMessage(payload));
+        }
+
+        if (!payload || payload.ok !== true || !payload.data) {
+            throw new Error(getReaderErrorMessage(payload));
+        }
+
+        await handleMyKadData(payload.data);
+    } catch (error) {
+        Swal.fire({
+            icon: 'error',
+            title: getDisplayError(error),
+        });
+    } finally {
+        clearTimeout(timeoutId);
+        hideLoader();
+    }
+}
+
+function handleMyKadData(data) {
+    return checkIfMyKadExists(data.nric)
+        .then(response => {
+            let isResponseArray = Array.isArray(response);
+            let resolved_response = isResponseArray ? response.pop() : response;
+
+            if (!resolved_response || resolved_response === 'no-data') {
+                populateDaftarPelangganModal(data);
+            } else {
+                let input_search_noic = document.querySelector("form[name='frmsearch'] input[name='noic']");
+                let form_search_noic = document.querySelector("form[name='frmsearch']");
+
+                input_search_noic.value = getMyKadNumberWithoutHyphens(data.nric);
+                form_search_noic.submit();
+            }
+        })
+        .catch(() => {
+            populateDaftarPelangganModal(data);
+        });
+}
+
+function checkIfMyKadExists(myKadNumber) {
+    let myKadNumberWithoutHyphens = getMyKadNumberWithoutHyphens(myKadNumber);
+    let lookupUrl = new URL(wakil_caricustomer_endpoint, window.location.origin);
+    lookupUrl.searchParams.set('icno', myKadNumberWithoutHyphens);
+
+    const csrfToken = document.querySelector('input[name="_token"]');
+
+    return fetch(lookupUrl.toString(), {
+        method: 'GET',
+        headers: {
+            "Accept": "application/json",
+            "X-Requested-With": "XMLHttpRequest",
+            "X-CSRF-Token": csrfToken ? csrfToken.value : ""
+        },
+        credentials: "same-origin",
+    }).then(async response => {
+        let text = await response.text();
+        let trimmed = (text || '').trim();
+
+        if (!trimmed || trimmed.charAt(0) === '<') {
+            return 'no-data';
+        }
+
+        try {
+            return JSON.parse(trimmed);
+        } catch (error) {
+            return 'no-data';
+        }
+    });
+}
+
+let populateDaftarPelangganModal = (data) => {
+    $('#daftar_pelanggan_mykad_reader').modal('show');
+    let modal_form = document.querySelector("#daftar_pelanggan_mykad_reader .modal-body .row.form-group");
+
+    const religions = [
+        ['01', 'Islam'],
+        ['02', 'Hindu'],
+        ['03', 'Buddha'],
+        ['04', 'Kristian'],
+        ['05', 'Lain-lain'],
+    ];
+
+    const races = [
+        ['M', 'Melayu'],
+        ['C', 'Cina'],
+        ['I', 'India'],
+        ['L', 'Lain-lain'],
+    ];
+
+    let disablePointerEventsOnClickableInputs = () => {
+        modal_form.querySelector("input[name='bumiputera']").style.pointerEvents = 'none';
+        modal_form.querySelector("input[name='warganegara']").style.pointerEvents = 'none';
+        modal_form.querySelector("select[name='bangsa']").style.pointerEvents = 'none';
+        modal_form.querySelector("select[name='agama']").style.pointerEvents = 'none';
+    };
+
+    let mykad_modal = document.querySelector("#daftar_pelanggan_mykad_reader");
+    let photo_container = mykad_modal.querySelector("#photo-mykad-container");
+    let photo = mykad_modal.querySelector("#photo-mykad");
+
+    modal_form.querySelector("textarea[name='name']").value = data.name || data.gmpc_name || '';
+    modal_form.querySelector("input[name='noic']").value = getMyKadNumberWithoutHyphens(data.nric);
+    modal_form.querySelector("input[name='tarikh_lahir']").value = formatDateOfBirth(data.dob);
+    modal_form.querySelector("input[name='negeri_lahir']").value = data.birth_place || '';
+    modal_form.querySelector("input[name='jantina']").value = mapGender(data.gender);
+    modal_form.querySelector("input[name='warganegara']").checked = String(data.citizenship || '').toUpperCase() === 'WARGANEGARA';
+    modal_form.querySelector("input[name='bumiputera']").checked = getBumiputeraStatus(data.race);
+    modal_form.querySelector("select[name='agama']").value = getCodeFromValue(data.religion, religions, '05');
+    modal_form.querySelector("textarea[name='alamat']").value = joinAddress(data);
+    modal_form.querySelector("input[name='poskod']").value = data.postcode || '';
+    modal_form.querySelector("input[name='daerah']").value = data.city || '';
+    modal_form.querySelector("input[name='negeri']").value = data.state || '';
+    modal_form.querySelector("input[name='age']").value = data.age != null && data.age !== ''
+        ? data.age
+        : getAgeFromDateOfBirth(data.dob);
+    modal_form.querySelector("select[name='bangsa']").value = getCodeFromValue(data.race, races, 'L');
+
+    if (data.has_photo && data.photo_base64) {
+        let mime = data.photo_mime || 'image/jpeg';
+        photo.src = 'data:' + mime + ';base64,' + data.photo_base64;
+        photo_container.classList.remove('d-none');
+        photo_container.classList.add('d-flex');
+    } else {
+        photo.src = original_photo_loader;
+        photo_container.classList.add('d-none');
+        photo_container.classList.remove('d-flex');
+    }
+
+    disablePointerEventsOnClickableInputs();
+    $(modal_form.querySelector("input[name='poskod']")).trigger('change');
+};
+
 let hideMykadPhoto = () => {
-
-    WebSocketManager.close(() => console.log('Websocket closed'));
-
     let photo = document.getElementById("photo-mykad");
     let photo_container = document.getElementById("photo-mykad-container");
 
-    photo.src = original_photo_loader;
+    if (photo) {
+        photo.src = original_photo_loader;
+    }
 
-    photo_container.classList.add('d-none');
-    photo_container.classList.remove('d-flex');
+    if (photo_container) {
+        photo_container.classList.add('d-none');
+        photo_container.classList.remove('d-flex');
+    }
 };
 
-button_read_mykad.addEventListener("click", handleMyKadReader);
-button_close_modal.addEventListener("click", hideMykadPhoto);
+if (button_read_mykad) {
+    button_read_mykad.addEventListener("click", handleMyKadReader);
+}
+
+if (button_close_modal) {
+    button_close_modal.addEventListener("click", hideMykadPhoto);
+}
diff --git a/resources/views/admin/customer_index.blade.php b/resources/views/admin/customer_index.blade.php
index aba0ebb5..e6a9dcdf 100644
--- a/resources/views/admin/customer_index.blade.php
+++ b/resources/views/admin/customer_index.blade.php
@@ -306,7 +306,7 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var search = "<?php echo $search ?>";
     var type_id = "<?php echo $idtype ?>";
     $(document).ready(function(){
diff --git a/resources/views/admin/customer_info.blade.php b/resources/views/admin/customer_info.blade.php
index 5d939386..28b74477 100644
--- a/resources/views/admin/customer_info.blade.php
+++ b/resources/views/admin/customer_info.blade.php
@@ -157,7 +157,7 @@
 </div>
 
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var ppc = "{{ Auth::user()->name }}";
     var ic_asal = "{{ $customer_info['kpbaru'] != null ? $customer_info['kpbaru'] : $customer_info['kplama'] }}"
 
diff --git a/resources/views/admin/poskod.blade.php b/resources/views/admin/poskod.blade.php
index 7b30aa22..19254337 100644
--- a/resources/views/admin/poskod.blade.php
+++ b/resources/views/admin/poskod.blade.php
@@ -48,6 +48,6 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
 </script>
 @endsection
\ No newline at end of file
diff --git a/resources/views/aliran_tunai/index.blade.php b/resources/views/aliran_tunai/index.blade.php
index 9459d54a..384fad46 100644
--- a/resources/views/aliran_tunai/index.blade.php
+++ b/resources/views/aliran_tunai/index.blade.php
@@ -26,7 +26,7 @@
 <div class="container">
     <div class="row justify-content-center">
         @php $auth_user = Auth::user();@endphp
-        <input type="hidden" id="api" value="{{ $api_url }}"/>
+        <input type="hidden" id="api" value="{{ api_url_for_browser() }}"/>
         <div class="col-md-12">
           
 
@@ -348,7 +348,7 @@
 </div>
 <script>
 
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tableaddtunai = $('#tableaddtunai').DataTable({
@@ -558,9 +558,8 @@
 
     function cetaklaporanalirantunai()
     {
-    let urlroute = '{{ route("laporan.alirantunai") }}';
-    
-    window.location.href = urlroute;
+        let urlroute = '{{ route("laporan.alirantunai") }}';
+        window.location.href = api_url + urlroute;
     }
 
 
diff --git a/resources/views/auth/v2/login.blade.php b/resources/views/auth/v2/login.blade.php
index 164d9d3a..e17ff087 100644
--- a/resources/views/auth/v2/login.blade.php
+++ b/resources/views/auth/v2/login.blade.php
@@ -7,7 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <link rel="icon" href="{{ asset('img/icon_pkb.png') }}">
 
-    <title>arOS v2.2</title>
+    <title>arOS {{ config('app.version') }}</title>
 
     <style>
         @keyframes slide {
@@ -82,7 +82,7 @@
                             <div class="card-header pb-0 text-left">
                                 <div style="display: flex; justify-content:space-between; align-items:center">
                                     <h1 class="font-weight-bolder text-info text-gradient" style="word-break: break-word; white-space: nowrap;">
-                                        Kaunter arOS v2.2
+                                        Kaunter arOS {{ config('app.version') }}
                                     </h1>
                                     <img src="{{ asset('img/icon_pkb.png') }}" alt="logo-arrahn" style="width: 85px; margin-left: 30px;">
                                 </div>
diff --git a/resources/views/callcenter/callnotisjbg2.blade.php b/resources/views/callcenter/callnotisjbg2.blade.php
index 14456888..46eada6b 100644
--- a/resources/views/callcenter/callnotisjbg2.blade.php
+++ b/resources/views/callcenter/callnotisjbg2.blade.php
@@ -228,7 +228,7 @@
 
 
 <script>
-    var api_url = "{{ $api_url }}";
+    var api_url = "{{ api_url_for_browser() }}";
     // var kodcaw = "{{ $kodcaw }}";
     // var notisid = "{{ $notisid }}";
     //var nokp = "{{ $noic }}";
diff --git a/resources/views/callcenter/index.blade.php b/resources/views/callcenter/index.blade.php
index 411fcaf5..e9de77c2 100644
--- a/resources/views/callcenter/index.blade.php
+++ b/resources/views/callcenter/index.blade.php
@@ -389,7 +389,7 @@
 </script>
 
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var search = "<?php echo $search ?>";
     var type_id = "<?php echo $idtype ?>";
     $(document).ready(function(){
diff --git a/resources/views/callcenter/indexnama.blade.php b/resources/views/callcenter/indexnama.blade.php
index 74ef53e5..39334ad7 100644
--- a/resources/views/callcenter/indexnama.blade.php
+++ b/resources/views/callcenter/indexnama.blade.php
@@ -387,7 +387,7 @@
 </script>
 
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var search = "<?php echo $search ?>";
     var type_id = "<?php echo $idtype ?>";
     $(document).ready(function(){
diff --git a/resources/views/callcenter/v1/info.blade.php b/resources/views/callcenter/v1/info.blade.php
index 3a65bdaa..429c81c4 100644
--- a/resources/views/callcenter/v1/info.blade.php
+++ b/resources/views/callcenter/v1/info.blade.php
@@ -413,7 +413,7 @@
 
 <script>
     var api_arrahnbid = "<?php echo config('app.api_arrahnbid') ?>";
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
     var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
 
diff --git a/resources/views/callcenter/v2/index.blade.php b/resources/views/callcenter/v2/index.blade.php
index 1073a0ad..e0dab1a0 100644
--- a/resources/views/callcenter/v2/index.blade.php
+++ b/resources/views/callcenter/v2/index.blade.php
@@ -1099,7 +1099,7 @@
 
 
     let pertambahpinjaman = "{{ $pertambahpinjaman }}";
-    var api = '<?php echo $api_url ?>';
+    var api = "{{ api_url_for_browser() }}";
     let nw = 0;
     let jenisAT = 'none';
 
diff --git a/resources/views/callcenter/v2/info.blade.php b/resources/views/callcenter/v2/info.blade.php
index 92dd1a1e..080adbc0 100644
--- a/resources/views/callcenter/v2/info.blade.php
+++ b/resources/views/callcenter/v2/info.blade.php
@@ -542,7 +542,7 @@
 
 <script>
     var api_arrahnbid = "<?php echo config('app.api_arrahnbid') ?>";
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
     var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
 
diff --git a/resources/views/customers/v1/index.blade.php b/resources/views/customers/v1/index.blade.php
index ca296dda..c0b5f64a 100644
--- a/resources/views/customers/v1/index.blade.php
+++ b/resources/views/customers/v1/index.blade.php
@@ -473,7 +473,7 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var search = "<?php echo $search ?>";
     var type_id = "<?php echo $idtype ?>";
     var blacklist_search = "<?php echo $blacklist_search ?>";
@@ -1277,8 +1277,7 @@
     let wakil_caricustomer_endpoint = "{{ route('wakil.caricustomer') }}";
     let mykad_reader_driver_endpoint = "{{ route('mykadreader.driver') }}";
 </script>
-<script src="{{ asset('js/iris-mykad-websocket-client-api.js') }}"></script>
-<script src="{{ asset('js/mykad-reader-customer.js') }}"></script>
+<script src="{{ asset('js/mykad-reader-customer.js') }}?v=2"></script>
 <script src="{{ asset('js/postcode-concerns.js') }}"></script>
 @endpush
 
diff --git a/resources/views/customers/v1/info.blade.php b/resources/views/customers/v1/info.blade.php
index 0ec69725..9b306683 100644
--- a/resources/views/customers/v1/info.blade.php
+++ b/resources/views/customers/v1/info.blade.php
@@ -422,7 +422,7 @@
 
 <script>
     var api_arrahnbid = "<?php echo config('app.api_arrahnbid') ?>";
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
     var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
     var min_komoditi = "{{ $min_komoditi }}";
diff --git a/resources/views/customers/v2/index.blade.php b/resources/views/customers/v2/index.blade.php
index 896014e0..ddd78267 100644
--- a/resources/views/customers/v2/index.blade.php
+++ b/resources/views/customers/v2/index.blade.php
@@ -495,15 +495,14 @@
 </div>
 
 <script>
-var api_url = @json($api_url ?? '');
-    var search = @json($search ?? false);
-    var type_id = @json($idtype ?? '');
     var isAnggota = @json($isAnggota ?? false);
     var isPelanggan = @json($isPelanggan ?? false);
-    var blacklist_search = @json($blacklist_search ?? false);
     var showAssignAnggotaBtn = @json($showAssignAnggotaBtn ?? false);
     var showDaftarPelangganBtn = @json($showDaftarPelangganBtn ?? false);
-
+    var api_url = "{{ api_url_for_browser() }}";
+    var search = "<?php echo $search ?>";
+    var type_id = "<?php echo $idtype ?>";
+    var blacklist_search = "<?php echo $blacklist_search ?>";
     $(document).ready(function(){
         // Datepicker
         $('#passport_tarikh_lahir').datepicker({
@@ -1418,8 +1417,7 @@ document.getElementsByName('form-store')[0].addEventListener('keypress', functio
     let wakil_caricustomer_endpoint = "{{ route('wakil.caricustomer') }}";
     let mykad_reader_driver_endpoint = "{{ route('mykadreader.driver') }}";
 </script>
-<script src="{{ asset('js/iris-mykad-websocket-client-api.js') }}"></script>
-<script src="{{ asset('js/mykad-reader-customer.js') }}"></script>
+<script src="{{ asset('js/mykad-reader-customer.js') }}?v=2"></script>
 <script src="{{ asset('js/postcode-concerns.js') }}"></script>
 @endpush
 
diff --git a/resources/views/customers/v2/info.blade.php b/resources/views/customers/v2/info.blade.php
index beded8f1..3b10e165 100644
--- a/resources/views/customers/v2/info.blade.php
+++ b/resources/views/customers/v2/info.blade.php
@@ -230,7 +230,6 @@
 
                                         // 4️⃣ Hantar permohonan ke backend (Laravel)
                                         const response = await fetch("{{ route('operasi.createkelulusan-anggota') }}", {
-
                                             method: 'POST',
                                             headers: {
                                                 "Content-Type": "application/json",
@@ -238,15 +237,14 @@
                                             },
                                             body: JSON.stringify({
                                                 mohon: "Assign Anggota",
-                                                noic: noic,
+                                                nokp: noic,
                                                 norujukan: norujukan,
                                                 komen: komen,
                                                 teller: "{{ Auth::user()->name }}",
                                                 tagoperasi: 1 // 1 = tunggu kelulusan operasi
                                             })
-
-                                            console.log(`Response: ${response}`);
                                         });
+                                        console.log(`Response: ${response}`);
 
                                         const result = await response.json();
 
@@ -714,68 +712,67 @@
         </div>
     </div>
 
-    <script>
-        var api_arrahnbid = "<?php echo config('app.api_arrahnbid'); ?>";
-        var api_url = "<?php echo $api_url; ?>";
-        var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
-        var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
-        var min_komoditi = "{{ $min_komoditi }}";
-        $('#daftar_gadai').on('click', function() {
-            $("#daftar_gadai").prop('disabled', true);
-            var noic = $('#noic').val();
-            var iclama = "{{ $customer_info['kplama'] }}";
-            var icbaru = "{{ $customer_info['kpbaru'] }}";
-            var outstanding_semasa = "{{ $outstanding_semasa }}";
+<script>
+    var api_arrahnbid = "<?php echo config('app.api_arrahnbid') ?>";
+    var api_url = "{{ api_url_for_browser() }}";
+    var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
+    var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
+    var min_komoditi = "{{ $min_komoditi }}";
+    $('#daftar_gadai').on('click', function() {
+        $("#daftar_gadai").prop('disabled', true);
+        var noic = $('#noic').val();
+        var iclama = "{{ $customer_info['kplama'] }}";
+        var icbaru = "{{ $customer_info['kpbaru'] }}";
+        var outstanding_semasa = "{{ $outstanding_semasa }}";
+        event.preventDefault();
+        if (outstanding_semasa >= 300000) {
+            Swal.fire({
+                icon: 'error',
+                title: 'Had Pembiayaan',
+                text: 'Outstanding Pembiayaan Pelanggan Telah Melebihi Had'
+            });
+            $("#daftar_gadai").prop('disabled', false);
             event.preventDefault();
-            if (outstanding_semasa >= 300000) {
-                Swal.fire({
-                    icon: 'error',
-                    title: 'Had Pembiayaan',
-                    text: 'Outstanding Pembiayaan Pelanggan Telah Melebihi Had'
-                });
-                $("#daftar_gadai").prop('disabled', false);
-                event.preventDefault();
-                return false;
-            } else {
-                $.ajax({
-                    method: 'get',
-                    url: api_url + '/api/komuditi/check',
-                    success: function(data) {
-                        var check_komuditi = Object.keys(data).length;
-                        if (check_komuditi == 0) {
+            return false;
+        } else {
+            $.ajax({
+                method: 'get',
+                url: api_url + '/api/komuditi/check',
+                success: function(data) {
+                    var check_komuditi = Object.keys(data).length;
+                    if (check_komuditi == 0) {
+                        Swal.fire({
+                            icon: 'error',
+                            title: 'Unit Komoditi Berbaki Minima',
+                            text: 'Sila Hubungi Operasi Untuk Membuat Pembelian Komoditi'
+                        });
+                        $("#daftar_gadai").prop('disabled', false);
+                        event.preventDefault();
+                        return false;
+                    } else {
+                        if (Number(data['unit_komuditi']) <= min_komoditi) {
+                            $("#daftar_gadai").prop('disabled', false);
                             Swal.fire({
                                 icon: 'error',
                                 title: 'Unit Komoditi Berbaki Minima',
                                 text: 'Sila Hubungi Operasi Untuk Membuat Pembelian Komoditi'
                             });
-                            $("#daftar_gadai").prop('disabled', false);
                             event.preventDefault();
                             return false;
                         } else {
-                            if (Number(data['unit_komuditi']) <= min_komoditi) {
-                                $("#daftar_gadai").prop('disabled', false);
-                                Swal.fire({
-                                    icon: 'error',
-                                    title: 'Unit Komoditi Berbaki Minima',
-                                    text: 'Sila Hubungi Operasi Untuk Membuat Pembelian Komoditi'
-                                });
-                                event.preventDefault();
-                                return false;
+                            if (icbaru.length > 0) {
+                                window.location.href =
+                                    "{{ route('gadaian', ['noic' => $customer_info['kpbaru']]) }}";
                             } else {
-                                if (icbaru.length > 0) {
-                                    window.location.href =
-                                        "{{ route('gadaian', ['noic' => $customer_info['kpbaru']]) }}";
-                                } else {
-                                    window.location.href =
-                                        "{{ route('gadaian', ['noic' => $customer_info['kplama']]) }}";
-                                }
+                                window.location.href =
+                                    "{{ route('gadaian', ['noic' => $customer_info['kplama']]) }}";
                             }
                         }
                     }
-                });
-            }
-
-        });
+                }
+            });
+        }
+    });
 
         $('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
             // here is the new selected tab id
diff --git a/resources/views/errors/alert.blade.php b/resources/views/errors/alert.blade.php
index b82784d5..0c7c6bd9 100644
--- a/resources/views/errors/alert.blade.php
+++ b/resources/views/errors/alert.blade.php
@@ -34,7 +34,7 @@
         getPusherResponse();
 
         async function getPusherResponse(){
-            let api_url = "<?php echo $api_url ?>";
+            let api_url = "{{ api_url_for_browser() }}";
             const jsonData = {
                 norujukan: "{{ $errorapproval['norujukan'] }}",
                 kodcaw: "{{ Auth::user()->cawangan }}",
diff --git a/resources/views/gadaian/v1/edit.blade.php b/resources/views/gadaian/v1/edit.blade.php
index 13a30d6b..dcc5b1a2 100644
--- a/resources/views/gadaian/v1/edit.blade.php
+++ b/resources/views/gadaian/v1/edit.blade.php
@@ -215,7 +215,7 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     $('form input').keydown(function (e) {
         if (e.keyCode == 13) {
             e.preventDefault();
diff --git a/resources/views/gadaian/v1/index.blade.php b/resources/views/gadaian/v1/index.blade.php
index dc0e6cf9..a4be210d 100644
--- a/resources/views/gadaian/v1/index.blade.php
+++ b/resources/views/gadaian/v1/index.blade.php
@@ -242,7 +242,7 @@
     @endphp
 @endif
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     $('form input').keydown(function (e) {
         if (e.keyCode == 13) {
             e.preventDefault();
diff --git a/resources/views/gadaian/v2/edit.blade.php b/resources/views/gadaian/v2/edit.blade.php
index 5de41c2a..c38f447d 100644
--- a/resources/views/gadaian/v2/edit.blade.php
+++ b/resources/views/gadaian/v2/edit.blade.php
@@ -326,7 +326,7 @@
 </div>
 <script src="{{ asset('js/rounded-methods.js') }}"></script>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw_ujrah = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     $('form input').keydown(function (e) {
@@ -768,7 +768,7 @@
         
         // Call API to get specific MaxMutuEmas data by karat
         $.ajax({
-            url: '{{ config("api.url") }}/api/maxmutuemas/specific',
+            url: '{{ api_url_for_browser() }}/api/maxmutuemas/specific',
             type: 'GET',
             data: { karat: karat, nilaimarhun: nm },
             success: function(response) {
@@ -1816,7 +1816,7 @@
         rowsData.forEach((rowData) => {
             // Call API to get margin data for each individual item
             $.ajax({
-                url: '{{ config("api.url") }}/api/maxmutuemas/specific',
+                url: '{{ api_url_for_browser() }}/api/maxmutuemas/specific',
                 type: 'GET',
                 data: { karat: rowData.karat, nilaimarhun: rowData.nilaiMarhun },
                 success: function(response) {
diff --git a/resources/views/gadaian/v2/index.blade.php b/resources/views/gadaian/v2/index.blade.php
index d6d352f9..94b25127 100644
--- a/resources/views/gadaian/v2/index.blade.php
+++ b/resources/views/gadaian/v2/index.blade.php
@@ -217,6 +217,68 @@
                                     </div>
                                 </diV>
                             </div>
+                            <div class="col-12" id="cara_terima_section" style="display:none;">
+                                <hr>
+                                <div class="form-group row">
+                                    <div class="col-md-3">
+                                        Cara Terima Pembiayaan
+                                    </div>
+                                    <div class="col-md-9">
+                                        <div class="form-check form-check-inline">
+                                            <input class="form-check-input" type="radio" name="cara_terima" id="cara_terima_tunai" value="TUNAI" checked>
+                                            <label class="form-check-label" for="cara_terima_tunai">Tunai</label>
+                                        </div>
+                                        <div class="form-check form-check-inline">
+                                            <input class="form-check-input" type="radio" name="cara_terima" id="cara_terima_online" value="ONLINE">
+                                            <label class="form-check-label" for="cara_terima_online">Online (Akaun Bank)</label>
+                                        </div>
+                                        <small class="form-text text-muted">Pilihan Online untuk pembiayaan RM5,000 – RM50,000 sahaja.</small>
+                                    </div>
+                                </div>
+                                <div id="bank_online_section" style="display:none;">
+                                    <div class="form-group row">
+                                        <div class="col-md-3">Modal Online</div>
+                                        <div class="col-md-9">
+                                            <div id="modal_online_status" class="mb-1">Memeriksa baki...</div>
+                                        </div>
+                                    </div>
+                                    <div class="form-group row">
+                                        <div class="col-md-3">Bank</div>
+                                        <div class="col-md-4">
+                                            @php
+                                                $banks_list = Http::withOptions(['verify' => config('app.api_verify')])
+                                                    ->get($api_url . '/api/bank')
+                                                    ->json();
+                                            @endphp
+                                            <select class="form-control" name="kodbank" id="gadai_kodbank">
+                                                <option value="">-- Pilih Bank --</option>
+                                                @foreach ($banks_list as $banks)
+                                                    <option value="{{ $banks['abbreviation'] }}"
+                                                        {{ ($customer_info['kodbank'] ?? '') == $banks['abbreviation'] ? 'selected' : '' }}
+                                                        data-nama="{{ $banks['name'] }}">
+                                                        {{ $banks['name'] }}
+                                                    </option>
+                                                @endforeach
+                                            </select>
+                                        </div>
+                                        <div class="col-md-2">No. Akaun</div>
+                                        <div class="col-md-3">
+                                            <input type="text" class="form-control" name="noakaun" id="gadai_noakaun"
+                                                value="{{ $customer_info['noakaun'] ?? '' }}">
+                                        </div>
+                                    </div>
+                                    <div class="form-group row">
+                                        <div class="col-md-3">Nama Akaun</div>
+                                        <div class="col-md-9">
+                                            <input type="text" class="form-control" name="nama_akaun" id="gadai_nama_akaun"
+                                                value="{{ $customer_info['nama'] ?? '' }}">
+                                            <input type="hidden" name="nama_bank" id="gadai_nama_bank" value="">
+                                            <input type="hidden" name="nama_pelanggan" value="{{ $customer_info['nama'] ?? '' }}">
+                                            <input type="hidden" name="nopelanggan" id="nopelanggan" value="{{ $customer_info['nopelanggan'] ?? '' }}">
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                             <div class="col-12">
                                 <input type="text" name="norujukan_gadai" id="norujukan_gadai" value="{{ $norujukan }}" hidden>
                                 <input type="text" name="marhun_detail" id="marhun_detail" value="" hidden>
@@ -331,7 +393,7 @@
 @endif
 <script src="{{ asset('js/rounded-methods.js') }}"></script>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw_ujrah = "<?php echo $cawangan_info['kodcaw'] ?>";
     $('form input').keydown(function (e) {
         if (e.keyCode == 13) {
@@ -684,6 +746,7 @@
         var nokp = $('#nokp').val();
         //console.log('DEBUG NOKP:', nokp, kadarupah);
 
+        toggleCaraTerima(pinjaman);
 
         // var keuntungan_sebulan = pinjaman * kadarupah;
         // var keuntungan_6bln = keuntungan_sebulan * 6;
@@ -1195,9 +1258,170 @@
        .then(response => response.json());
     }
 
+    function toggleCaraTerima(pinjaman) {
+        if (pinjaman >= 5000 && pinjaman <= 50000) {
+            $('#cara_terima_section').show();
+            toggleBankOnlineSection();
+        } else {
+            $('#cara_terima_section').hide();
+            $('#bank_online_section').hide();
+            $('#cara_terima_tunai').prop('checked', true);
+        }
+    }
+
+    function toggleBankOnlineSection() {
+        if ($('input[name="cara_terima"]:checked').val() === 'ONLINE') {
+            $('#bank_online_section').show();
+            var nama = $('#gadai_kodbank option:selected').data('nama') || '';
+            $('#gadai_nama_bank').val(nama);
+            refreshModalOnlineStatus();
+        } else {
+            $('#bank_online_section').hide();
+        }
+    }
+
+    $(document).on('change', 'input[name="cara_terima"]', function () {
+        toggleBankOnlineSection();
+    });
+
+    $(document).on('change', '#gadai_kodbank', function () {
+        $('#gadai_nama_bank').val($('#gadai_kodbank option:selected').data('nama') || '');
+    });
+
+    async function getModalOnline() {
+        let kodcaw = $('#kodcaw').val();
+        let apiUrl = api_url + '/api/modal-online/' + kodcaw;
+        return $.ajax({
+            method: 'GET',
+            url: apiUrl,
+            dataType: 'json',
+        });
+    }
+
+    async function refreshModalOnlineStatus() {
+        var $el = $('#modal_online_status');
+        $el.removeClass('text-success text-danger text-warning text-muted').addClass('text-muted').text('Memeriksa baki...');
+        try {
+            var modal = await getModalOnline();
+            var pending = modal.pending_request || null;
+            var closed = Number(modal.ditutup || 0) === 1;
+            var missing = !!modal.missing;
+            var baki = Number(modal.baki || 0);
+            var had = Number(modal.had || 0) + Number(modal.tambah || 0);
+
+            if (closed) {
+                $el.removeClass('text-muted').addClass('text-danger')
+                    .text('Modal online hari ini sudah ditutup (EOD). Gadai online tidak dibenarkan.');
+                return modal;
+            }
+
+            if (pending) {
+                $el.removeClass('text-muted').addClass('text-warning')
+                    .text('Menunggu kelulusan Operasi: RM ' + formatter.format(Number(pending.amaun || 0)) +
+                        ' (' + (pending.dimohon_oleh || '-') + ').');
+            } else if (missing) {
+                $el.removeClass('text-muted').addClass('text-danger')
+                    .text('Belum ada had hari ini. Sila hubungi PC.');
+            } else {
+                $el.removeClass('text-muted').addClass('text-success')
+                    .text('Baki RM ' + formatter.format(baki) + ' / Had RM ' + formatter.format(had));
+            }
+            return modal;
+        } catch (e) {
+            $el.removeClass('text-muted').addClass('text-danger').text('Gagal semak modal online.');
+            return null;
+        }
+    }
+
+    async function checkDisbursementFloat(pinjaman) {
+        var cara = $('input[name="cara_terima"]:checked').val() || 'TUNAI';
+        if (!(pinjaman >= 5000 && pinjaman <= 50000)) {
+            cara = 'TUNAI';
+        }
+
+        if (cara === 'ONLINE') {
+            var kodbank = $('#gadai_kodbank').val();
+            var noakaun = ($('#gadai_noakaun').val() || '').trim();
+            $('#gadai_nama_bank').val($('#gadai_kodbank option:selected').data('nama') || '');
+            if (!kodbank || !noakaun) {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Amaran!',
+                    text: 'Sila lengkapkan maklumat bank untuk pembayaran online.'
+                });
+                return false;
+            }
+
+            var modal;
+            try {
+                modal = await getModalOnline();
+            } catch (e) {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Amaran!',
+                    text: 'Gagal semak modal online. Sila cuba lagi.'
+                });
+                return false;
+            }
+
+            if (Number(modal.ditutup || 0) === 1) {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Amaran!',
+                    text: 'Modal online hari ini sudah ditutup (EOD). Sila pilih Tunai.'
+                });
+                return false;
+            }
+
+            if (modal.pending_request) {
+                Swal.fire({
+                    icon: 'info',
+                    title: 'Menunggu Operasi',
+                    text: 'Permohonan RM ' + formatter.format(Number(modal.pending_request.amaun || 0)) +
+                        ' masih PENDING. Sila tunggu kelulusan Operasi atau pilih Tunai.'
+                });
+                return false;
+            }
+
+            if (modal.missing) {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Amaran!',
+                    text: 'Belum ada had modal online hari ini. Sila hubungi PC.'
+                });
+                return false;
+            }
+
+            if (Number(modal.baki || 0) < pinjaman) {
+                Swal.fire({
+                    icon: 'error',
+                    title: 'Amaran!',
+                    text: 'Baki modal online tidak mencukupi. Sila hubungi PC untuk mohon tambah modal, atau pilih Tunai.'
+                });
+                return false;
+            }
+
+            return true;
+        }
+
+        let dataCawangan = await getDataCawangan();
+        let bakiAkhir = dataCawangan.baki;
+        if (bakiAkhir < pinjaman) {
+            Swal.fire({
+                icon: 'error',
+                title: 'Amaran!',
+                text: 'Baki Akhir Tunai Lebih Rendah Daripada Nilai Marhun Yang Ingin Digadaikan. Sila Tambah Pendahuluan di Laman Aliran Tunai Segera. '
+            });
+            return false;
+        }
+        return true;
+    }
+
     async function verifyGadai(func){
         $("#terima_gadai").prop('disabled', true);
-        event.preventDefault();
+        if (typeof event !== 'undefined' && event && event.preventDefault) {
+            event.preventDefault();
+        }
         var kodcaw = $('#kodcaw').val();
         var nokp = $('#nokp').val();
         var nopelanggan = $('#nopelanggan').val();
@@ -1224,23 +1448,16 @@
                 title: 'Amaran!',
                 text: 'Pembiayaan Tidak Lengkap'
     });
-    event.preventDefault();
     return false;
 }
 
-        let dataCawangan = await getDataCawangan();
-        let bakiAkhir = dataCawangan.baki;
-
-        if(bakiAkhir < pinjaman){
+        let floatOk = await checkDisbursementFloat(pinjaman);
+        if (!floatOk) {
             $("#terima_gadai").prop('disabled', false);
-            Swal.fire({
-                    icon: 'error',
-                    title: 'Amaran!',
-                    text: 'Baki Akhir Tunai Lebih Rendah Daripada Nilai Marhun Yang Ingin Digadaikan. Sila Tambah Pendahuluan di Laman Aliran Tunai Segera. '
-            });
-            event.preventDefault();
             return false;
-        }else{
+        }
+
+        if(true){
 
             if($.isNumeric(pinjaman) == false){
                 $("#terima_gadai").prop('disabled', false);
@@ -1981,7 +2198,7 @@
         rowsData.forEach((rowData) => {
             // Call API to get margin data for each individual item
             $.ajax({
-                url: '{{ config("api.url") }}/api/maxmutuemas/specific',
+                url: '{{ api_url_for_browser() }}/api/maxmutuemas/specific',
                 type: 'GET',
                 data: { karat: rowData.karat, nilaimarhun: rowData.nilaiMarhun },
                 success: function(response) {
diff --git a/resources/views/homepage/khazanah/home.blade.php b/resources/views/homepage/khazanah/home.blade.php
index 66578f88..2b69225e 100644
--- a/resources/views/homepage/khazanah/home.blade.php
+++ b/resources/views/homepage/khazanah/home.blade.php
@@ -262,6 +262,10 @@
                             <a href="{{ url('pendahuluanserahan') }}"
                                 class="btn btn-info btn-lg btn-block mb-3">Pendahuluan - Serahan</a>
                         </div>
+                        <div class="row">
+                            <a href="{{ route('pembiayaan.online.pc') }}"
+                                class="btn btn-info btn-lg btn-block mb-3">Pembiayaan Online</a>
+                        </div>
                         <div class="row">
                             <a href="{{ route('khazanah.indexwakil') }}"
                                 class="btn btn-info btn-lg btn-block mb-3">Surat Wakil</a>
@@ -320,7 +324,7 @@
     });
 
 
-    let api = "{{ config('api.url') }}";
+    let api = "{{ api_url_for_browser() }}";
     let kodcaw = "{{ Auth::user()->cawangan }}";
 
     const initialambilan = [
diff --git a/resources/views/homepage/operasi/home.blade.php b/resources/views/homepage/operasi/home.blade.php
index 8c73baf0..1463e39d 100644
--- a/resources/views/homepage/operasi/home.blade.php
+++ b/resources/views/homepage/operasi/home.blade.php
@@ -14,13 +14,16 @@
                   </nav>
 
                 <div class="card-body text-center">
-                    <a href="{{ route('operasi.kelulusananggota') }}" class="btn btn-info btn-lg">Kelulusan Anggota</a>
-                    <a href="{{ route('operasi.kelulusan') }}" class="btn btn-info btn-lg">Kelulusan</a>
-                    <a href="{{ route('daftar.kakitangan') }}" class="btn btn-info btn-lg">Kakitangan</a>
-                    <a href="{{ route('parameter') }}" class="btn btn-info btn-lg">Parameter</a>
-                    <a href="{{ route('komuditi') }}" class="btn btn-info btn-lg">Komoditi</a>
-                    <a href="{{ route('perubatan') }}" class="btn btn-info btn-lg">Perubatan</a>
-                    <a href="{{ route('operasi.laporan.audit') }}" class="btn btn-info btn-lg">Laporan Audit</a>
+                    <a href="{{ route('operasi.kelulusananggota') }}" class="btn btn-info btn-lg d-inline-block m-1">Kelulusan Anggota</a>
+                    <a href="{{ route('operasi.kelulusan') }}" class="btn btn-info btn-lg d-inline-block m-1">Kelulusan</a>
+                    <a href="{{ route('pembiayaan.online.operasi') }}" class="btn btn-info btn-lg d-inline-block m-1">Pembiayaan Online</a>
+                    <a href="{{ route('pembiayaan.online.operasi.topup') }}" class="btn btn-info btn-lg d-inline-block m-1">Modal Online</a>
+                    <a href="{{ route('pembiayaan.online.operasi.eod') }}" class="btn btn-info btn-lg d-inline-block m-1">EOD Modal Online</a>
+                    <a href="{{ route('daftar.kakitangan') }}" class="btn btn-info btn-lg d-inline-block m-1">Kakitangan</a>
+                    <a href="{{ route('parameter') }}" class="btn btn-info btn-lg d-inline-block m-1">Parameter</a>
+                    <a href="{{ route('komuditi') }}" class="btn btn-info btn-lg d-inline-block m-1">Komoditi</a>
+                    <a href="{{ route('perubatan') }}" class="btn btn-info btn-lg d-inline-block m-1">Perubatan</a>
+                    <a href="{{ route('operasi.laporan.audit') }}" class="btn btn-info btn-lg d-inline-block m-1">Laporan Audit</a>
                 </div>
                 
             </div>
diff --git a/resources/views/homepage/penilai/home.blade.php b/resources/views/homepage/penilai/home.blade.php
index 205ca9a9..011be4ee 100644
--- a/resources/views/homepage/penilai/home.blade.php
+++ b/resources/views/homepage/penilai/home.blade.php
@@ -267,7 +267,7 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var cawangan = "{{ Auth::user()->cawangan }}";
     var teller = "{{ Auth::user()->name }}";
 
diff --git a/resources/views/homepage/teller/home.blade.php b/resources/views/homepage/teller/home.blade.php
index 0531ceb0..48aa43d3 100644
--- a/resources/views/homepage/teller/home.blade.php
+++ b/resources/views/homepage/teller/home.blade.php
@@ -18,10 +18,9 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     let teller = "{{ Auth::user()->name }}";
     let kodcaw = "{{ Auth::user()->cawangan }}";
-
     function pelangganclick()
     {
         // $getTunai2=Http::withOptions(['verify' => config('app.api_verify')])->get(config('api.url').'/api/GetCurrentTunai/'.$auth_user['cawangan'],['kodlaluan' => $kodlaluan])->json();
diff --git a/resources/views/khazanah/agingbulanan.blade.php b/resources/views/khazanah/agingbulanan.blade.php
index 78152770..0a2c49ad 100644
--- a/resources/views/khazanah/agingbulanan.blade.php
+++ b/resources/views/khazanah/agingbulanan.blade.php
@@ -74,7 +74,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/bajet.blade.php b/resources/views/khazanah/bajet.blade.php
index d29a8a91..57cbc237 100644
--- a/resources/views/khazanah/bajet.blade.php
+++ b/resources/views/khazanah/bajet.blade.php
@@ -315,7 +315,7 @@
     const d = new Date();
     let tahunsemasa = d.getFullYear();
     let pusherenv = "{{ env('PUSHER_APP_KEY') }}";
-    let api_url = "{{ $api_url }}";
+    let api_url = "{{ api_url_for_browser() }}";
 
     const formatter = new Intl.NumberFormat('en-US', {
         minimumFractionDigits: 2
diff --git a/resources/views/khazanah/gadaian.blade.php b/resources/views/khazanah/gadaian.blade.php
index e2adc6e8..6fbc648d 100644
--- a/resources/views/khazanah/gadaian.blade.php
+++ b/resources/views/khazanah/gadaian.blade.php
@@ -230,7 +230,7 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var cawangan = "{{ Auth::user()->cawangan }}";
 
 
diff --git a/resources/views/khazanah/index.blade.php b/resources/views/khazanah/index.blade.php
index 6567f34e..6b0d26bb 100644
--- a/resources/views/khazanah/index.blade.php
+++ b/resources/views/khazanah/index.blade.php
@@ -318,7 +318,7 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var search = "<?php echo $search ?>";
     var type_id = "<?php echo $idtype ?>";
     $(document).ready(function(){
diff --git a/resources/views/khazanah/info.blade.php b/resources/views/khazanah/info.blade.php
index 8d76725a..a5e4494a 100644
--- a/resources/views/khazanah/info.blade.php
+++ b/resources/views/khazanah/info.blade.php
@@ -410,7 +410,7 @@
 </div>
 
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
     var ppc = "{{ Auth::user()->name }}";
     var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
diff --git a/resources/views/khazanah/kelulusan.blade.php b/resources/views/khazanah/kelulusan.blade.php
index 5a009a92..b52f07fa 100644
--- a/resources/views/khazanah/kelulusan.blade.php
+++ b/resources/views/khazanah/kelulusan.blade.php
@@ -177,7 +177,7 @@
         "scrollX": true
         });
 
-    let api = "{{ config('api.url') }}";
+    let api = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ Auth::user()->cawangan }}";
 
     const formatter = new Intl.NumberFormat('en-US', {
@@ -271,7 +271,7 @@
 
     async function updatelulus(e)
     {
-        let api = "{{ config('api.url') }}";
+        let api = "{{ api_url_for_browser() }}";
         let kodcaw = "{{ Auth::user()->cawangan }}";
 
         const { value: katalaluan } = await Swal.fire({
diff --git a/resources/views/khazanah/khazanahserahan.blade.php b/resources/views/khazanah/khazanahserahan.blade.php
index 0a31c984..3a6fab17 100644
--- a/resources/views/khazanah/khazanahserahan.blade.php
+++ b/resources/views/khazanah/khazanahserahan.blade.php
@@ -299,7 +299,7 @@
 
 <script>
 
-  let api = "{{ config('api.url') }}";
+  let api = "{{ api_url_for_browser() }}";
 
   $(document).ready(function() {
 
diff --git a/resources/views/khazanah/laporan/agingbulanan.blade.php b/resources/views/khazanah/laporan/agingbulanan.blade.php
index 1d5bc1fe..2d7c7c5e 100644
--- a/resources/views/khazanah/laporan/agingbulanan.blade.php
+++ b/resources/views/khazanah/laporan/agingbulanan.blade.php
@@ -51,7 +51,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/alirantunai.blade.php b/resources/views/khazanah/laporan/alirantunai.blade.php
index 4d89333e..2c704d29 100644
--- a/resources/views/khazanah/laporan/alirantunai.blade.php
+++ b/resources/views/khazanah/laporan/alirantunai.blade.php
@@ -45,7 +45,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     $(document).ready( function () {
diff --git a/resources/views/khazanah/laporan/ansuran.blade.php b/resources/views/khazanah/laporan/ansuran.blade.php
index 200ac961..ca3c6ff2 100644
--- a/resources/views/khazanah/laporan/ansuran.blade.php
+++ b/resources/views/khazanah/laporan/ansuran.blade.php
@@ -69,7 +69,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tabletebus = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/batalsuratgadai.blade.php b/resources/views/khazanah/laporan/batalsuratgadai.blade.php
index 07f963a3..5069d8cf 100644
--- a/resources/views/khazanah/laporan/batalsuratgadai.blade.php
+++ b/resources/views/khazanah/laporan/batalsuratgadai.blade.php
@@ -62,7 +62,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablebatalgadai = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/datalejer_am.blade.php b/resources/views/khazanah/laporan/datalejer_am.blade.php
index bf5426b7..da6cf233 100644
--- a/resources/views/khazanah/laporan/datalejer_am.blade.php
+++ b/resources/views/khazanah/laporan/datalejer_am.blade.php
@@ -63,7 +63,7 @@
 </div>
 
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/denominasi.blade.php b/resources/views/khazanah/laporan/denominasi.blade.php
index 10f9beb2..e6e0e043 100644
--- a/resources/views/khazanah/laporan/denominasi.blade.php
+++ b/resources/views/khazanah/laporan/denominasi.blade.php
@@ -47,7 +47,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/gadaian.blade.php b/resources/views/khazanah/laporan/gadaian.blade.php
index 2925c426..05ef023a 100644
--- a/resources/views/khazanah/laporan/gadaian.blade.php
+++ b/resources/views/khazanah/laporan/gadaian.blade.php
@@ -71,7 +71,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablegadai = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/imbangduga.blade.php b/resources/views/khazanah/laporan/imbangduga.blade.php
index 9b8d832c..bef73803 100644
--- a/resources/views/khazanah/laporan/imbangduga.blade.php
+++ b/resources/views/khazanah/laporan/imbangduga.blade.php
@@ -43,7 +43,7 @@
 
 <script type="text/javascript">
 
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     $(document).ready( function () {
diff --git a/resources/views/khazanah/laporan/imbangduga_akru.blade.php b/resources/views/khazanah/laporan/imbangduga_akru.blade.php
index 1dc98ddc..eb63728f 100644
--- a/resources/views/khazanah/laporan/imbangduga_akru.blade.php
+++ b/resources/views/khazanah/laporan/imbangduga_akru.blade.php
@@ -48,7 +48,7 @@
 
 <script type="text/javascript">
 
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     $(document).ready( function () {
diff --git a/resources/views/khazanah/laporan/kawalanstok.blade.php b/resources/views/khazanah/laporan/kawalanstok.blade.php
index 3b95c01b..6052e936 100644
--- a/resources/views/khazanah/laporan/kawalanstok.blade.php
+++ b/resources/views/khazanah/laporan/kawalanstok.blade.php
@@ -40,7 +40,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablebatalgadai = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/marhunharian.blade.php b/resources/views/khazanah/laporan/marhunharian.blade.php
index 422e6f37..3abdc8eb 100644
--- a/resources/views/khazanah/laporan/marhunharian.blade.php
+++ b/resources/views/khazanah/laporan/marhunharian.blade.php
@@ -67,7 +67,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/marhunterkumpul.blade.php b/resources/views/khazanah/laporan/marhunterkumpul.blade.php
index 5e070c42..50830496 100644
--- a/resources/views/khazanah/laporan/marhunterkumpul.blade.php
+++ b/resources/views/khazanah/laporan/marhunterkumpul.blade.php
@@ -40,7 +40,7 @@
     </div>
 </div>
     <script type="text/javascript">
-        var api_url = "<?php echo $api_url ?>";
+        var api_url = "{{ api_url_for_browser() }}";
         var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
         // alert(btoa(api_url));
diff --git a/resources/views/khazanah/laporan/pelangganbaru.blade.php b/resources/views/khazanah/laporan/pelangganbaru.blade.php
index 1f585596..86e8ac10 100644
--- a/resources/views/khazanah/laporan/pelangganbaru.blade.php
+++ b/resources/views/khazanah/laporan/pelangganbaru.blade.php
@@ -54,7 +54,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/penebusan.blade.php b/resources/views/khazanah/laporan/penebusan.blade.php
index a310d39f..923ff27a 100644
--- a/resources/views/khazanah/laporan/penebusan.blade.php
+++ b/resources/views/khazanah/laporan/penebusan.blade.php
@@ -69,7 +69,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tabletebus = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/perbelanjaan.blade.php b/resources/views/khazanah/laporan/perbelanjaan.blade.php
index 0bd14ff5..db6882e1 100644
--- a/resources/views/khazanah/laporan/perbelanjaan.blade.php
+++ b/resources/views/khazanah/laporan/perbelanjaan.blade.php
@@ -70,7 +70,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var panjartebus = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/petibesi.blade.php b/resources/views/khazanah/laporan/petibesi.blade.php
index 3c8a4d6b..c07381b1 100644
--- a/resources/views/khazanah/laporan/petibesi.blade.php
+++ b/resources/views/khazanah/laporan/petibesi.blade.php
@@ -47,7 +47,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     $(document).ready( function () {
diff --git a/resources/views/khazanah/laporan/ringkasanharian.blade.php b/resources/views/khazanah/laporan/ringkasanharian.blade.php
index 6ff673ab..0f5876fa 100644
--- a/resources/views/khazanah/laporan/ringkasanharian.blade.php
+++ b/resources/views/khazanah/laporan/ringkasanharian.blade.php
@@ -41,7 +41,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/ringkasanterkumpul.blade.php b/resources/views/khazanah/laporan/ringkasanterkumpul.blade.php
index 29e492d7..f32a9220 100644
--- a/resources/views/khazanah/laporan/ringkasanterkumpul.blade.php
+++ b/resources/views/khazanah/laporan/ringkasanterkumpul.blade.php
@@ -48,7 +48,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/serahgadai.blade.php b/resources/views/khazanah/laporan/serahgadai.blade.php
index a1ffdab9..84f1b7ee 100644
--- a/resources/views/khazanah/laporan/serahgadai.blade.php
+++ b/resources/views/khazanah/laporan/serahgadai.blade.php
@@ -53,7 +53,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
 
diff --git a/resources/views/khazanah/laporan/serahmarhun.blade.php b/resources/views/khazanah/laporan/serahmarhun.blade.php
index 87076132..44708cea 100644
--- a/resources/views/khazanah/laporan/serahmarhun.blade.php
+++ b/resources/views/khazanah/laporan/serahmarhun.blade.php
@@ -48,7 +48,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     $(document).ready( function () {
diff --git a/resources/views/khazanah/laporan/stokauditbersih.blade.php b/resources/views/khazanah/laporan/stokauditbersih.blade.php
index 5d58d896..070d9606 100644
--- a/resources/views/khazanah/laporan/stokauditbersih.blade.php
+++ b/resources/views/khazanah/laporan/stokauditbersih.blade.php
@@ -77,7 +77,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/stokauditdetails.blade.php b/resources/views/khazanah/laporan/stokauditdetails.blade.php
index 8b2279ae..688bc542 100644
--- a/resources/views/khazanah/laporan/stokauditdetails.blade.php
+++ b/resources/views/khazanah/laporan/stokauditdetails.blade.php
@@ -76,7 +76,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/tuntutbaki.blade.php b/resources/views/khazanah/laporan/tuntutbaki.blade.php
index 2e30ad91..b25eb572 100644
--- a/resources/views/khazanah/laporan/tuntutbaki.blade.php
+++ b/resources/views/khazanah/laporan/tuntutbaki.blade.php
@@ -68,7 +68,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tabletuntutbaki = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/upah.blade.php b/resources/views/khazanah/laporan/upah.blade.php
index c1612867..9673bf19 100644
--- a/resources/views/khazanah/laporan/upah.blade.php
+++ b/resources/views/khazanah/laporan/upah.blade.php
@@ -72,7 +72,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var advansurtable = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporan/wakil.blade.php b/resources/views/khazanah/laporan/wakil.blade.php
index d4a00dc2..90fc0906 100644
--- a/resources/views/khazanah/laporan/wakil.blade.php
+++ b/resources/views/khazanah/laporan/wakil.blade.php
@@ -46,7 +46,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporanujrah/ansuranujrah.blade.php b/resources/views/khazanah/laporanujrah/ansuranujrah.blade.php
index 98b72554..1f0bea07 100644
--- a/resources/views/khazanah/laporanujrah/ansuranujrah.blade.php
+++ b/resources/views/khazanah/laporanujrah/ansuranujrah.blade.php
@@ -78,7 +78,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
      var tabletebus = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporanujrah/gadaianujrah.blade.php b/resources/views/khazanah/laporanujrah/gadaianujrah.blade.php
index 548de45d..fd6d47dd 100644
--- a/resources/views/khazanah/laporanujrah/gadaianujrah.blade.php
+++ b/resources/views/khazanah/laporanujrah/gadaianujrah.blade.php
@@ -80,7 +80,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablegadai = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/laporanujrah/ringkasanharianujrah.blade.php b/resources/views/khazanah/laporanujrah/ringkasanharianujrah.blade.php
index 75b134ee..8a362d07 100644
--- a/resources/views/khazanah/laporanujrah/ringkasanharianujrah.blade.php
+++ b/resources/views/khazanah/laporanujrah/ringkasanharianujrah.blade.php
@@ -41,7 +41,7 @@
     </div>
 </div>
 <script type="text/javascript">
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     var tablecustomers = $('#myTable').DataTable({
diff --git a/resources/views/khazanah/panjar.blade.php b/resources/views/khazanah/panjar.blade.php
index a478c57d..a2e8dc7c 100644
--- a/resources/views/khazanah/panjar.blade.php
+++ b/resources/views/khazanah/panjar.blade.php
@@ -134,7 +134,7 @@
 </div>
 <script src="{{ asset('js/main.js') }}"></script>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "<?php echo $cawangan_info['kodcaw'] ?>";
 
     $(".modal.fade").on("show.bs.modal", function(e) {
@@ -1087,7 +1087,7 @@
         if (suratBtn) {
             const norujukan = suratBtn.getAttribute('data-norujukan');
 
-            let gadaianDetail = await fetch("{{ config('api.url') }}" + `/api/gadai/norujukankodcaw/${kodcaw}/${norujukan}`)
+            let gadaianDetail = await fetch("{{ api_url_for_browser() }}" + `/api/gadai/norujukankodcaw/${kodcaw}/${norujukan}`)
                                     .then(response => response.json());
 
             askOperasiApproval(gadaianDetail[0][0]);
diff --git a/resources/views/khazanah/pendahuluan.blade.php b/resources/views/khazanah/pendahuluan.blade.php
index 21b9472c..485039fe 100644
--- a/resources/views/khazanah/pendahuluan.blade.php
+++ b/resources/views/khazanah/pendahuluan.blade.php
@@ -134,7 +134,7 @@
 </div>
 
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ Auth::user()->cawangan }}";
 
     $(document).ready(function(){
diff --git a/resources/views/khazanah/pendahuluanserah.blade.php b/resources/views/khazanah/pendahuluanserah.blade.php
index 3c995b9e..aed88659 100644
--- a/resources/views/khazanah/pendahuluanserah.blade.php
+++ b/resources/views/khazanah/pendahuluanserah.blade.php
@@ -304,7 +304,7 @@
 
 <script>
 
-  let api = "{{ config('api.url') }}";
+  let api = "{{ api_url_for_browser() }}";
 
   $(document).ready(function() {
 
diff --git a/resources/views/khazanah/pendahuluanserahanmain.blade.php b/resources/views/khazanah/pendahuluanserahanmain.blade.php
index 36210046..4f936973 100644
--- a/resources/views/khazanah/pendahuluanserahanmain.blade.php
+++ b/resources/views/khazanah/pendahuluanserahanmain.blade.php
@@ -104,7 +104,7 @@
             ]
         });
 
-        let api = "{{ config('api.url') }}";
+        let api = "{{ api_url_for_browser() }}";
         let kodcaw = "{{ Auth::user()->cawangan }}";
         let teller = "{{ Auth::user()->name }}";
 
diff --git a/resources/views/khazanah/permohonanwang.blade.php b/resources/views/khazanah/permohonanwang.blade.php
index 69e4ad92..d715015d 100644
--- a/resources/views/khazanah/permohonanwang.blade.php
+++ b/resources/views/khazanah/permohonanwang.blade.php
@@ -110,7 +110,7 @@
         "ordering": false
     });
 
-    var api_url = '{{ $api_url }}';
+    var api_url = '{{ api_url_for_browser() }}';
 
     $('#PermohonanWang').on('hidden.bs.modal', function (e) {
     $(this)
diff --git a/resources/views/khazanah/rekodpermohonan.blade.php b/resources/views/khazanah/rekodpermohonan.blade.php
index 684c9f85..0eba4534 100644
--- a/resources/views/khazanah/rekodpermohonan.blade.php
+++ b/resources/views/khazanah/rekodpermohonan.blade.php
@@ -81,7 +81,7 @@
         "ordering": false
     });
 
-    var api_url = '{{ $api_url }}';
+    var api_url = '{{ api_url_for_browser() }}';
 
 </script>
 @endsection
diff --git a/resources/views/khazanah/saginfo.blade.php b/resources/views/khazanah/saginfo.blade.php
index 402bfd01..40638d27 100644
--- a/resources/views/khazanah/saginfo.blade.php
+++ b/resources/views/khazanah/saginfo.blade.php
@@ -104,7 +104,7 @@
 
 <script>
     var api_arrahnbid = "<?php echo config('app.api_arrahnbid') ?>";
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
     var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
     
diff --git a/resources/views/khazanah/serahan.blade.php b/resources/views/khazanah/serahan.blade.php
index 378f05c5..99f52436 100644
--- a/resources/views/khazanah/serahan.blade.php
+++ b/resources/views/khazanah/serahan.blade.php
@@ -139,7 +139,7 @@
 </div>
 
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ Auth::user()->cawangan }}";
 
     $(document).ready(function(){
diff --git a/resources/views/khazanah/tebus.blade.php b/resources/views/khazanah/tebus.blade.php
index fae0e920..22d235c4 100644
--- a/resources/views/khazanah/tebus.blade.php
+++ b/resources/views/khazanah/tebus.blade.php
@@ -179,7 +179,7 @@
 
 <script>
 
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
 
     var cawangan = "{{ Auth::user()->cawangan }}";
 
diff --git a/resources/views/khazanah/v1/info.blade.php b/resources/views/khazanah/v1/info.blade.php
index 8d76725a..a5e4494a 100644
--- a/resources/views/khazanah/v1/info.blade.php
+++ b/resources/views/khazanah/v1/info.blade.php
@@ -410,7 +410,7 @@
 </div>
 
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
     var ppc = "{{ Auth::user()->name }}";
     var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
diff --git a/resources/views/khazanah/v2/info.blade.php b/resources/views/khazanah/v2/info.blade.php
index d466358a..982f8008 100644
--- a/resources/views/khazanah/v2/info.blade.php
+++ b/resources/views/khazanah/v2/info.blade.php
@@ -466,7 +466,7 @@
 </div>
 
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var kodcaw = "{{ $cawangan_info['kodcaw'] }}";
     var ppc = "{{ Auth::user()->name }}";
     var tagarrahnbid = "{{ $cawangan_info['tagarrahnbid'] }}";
diff --git a/resources/views/khazanah/wakil.blade.php b/resources/views/khazanah/wakil.blade.php
index 5209bbe8..703a015f 100644
--- a/resources/views/khazanah/wakil.blade.php
+++ b/resources/views/khazanah/wakil.blade.php
@@ -52,7 +52,7 @@
     </div>
 </div>
 <script>
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
     var search = "<?php echo $search ?>";
     var type_id = "<?php echo $idtype ?>";
     $(document).ready(function(){
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 69c96973..6747a4b1 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -59,7 +59,7 @@
 
     @if(Auth::user()->roles == 'ppc' || Auth::user()->roles == 'pc')
         <script>
-            window.api = "{{ config('api.url') }}";
+            window.api = "{{ api_url_for_browser() }}";
             window.kodcaw = "{{ Auth::user()->cawangan }}";
             window.apikey = "{{ env('PUSHER_APP_KEY') }}";
         </script>
@@ -199,7 +199,7 @@
                     <!-- Right Side Of Navbar -->
                     <ul class="navbar-nav ml-auto">
 
-
+                        @include('layouts.partials.impersonation_nav')
 
                         @php $auth_user = Auth::user(); @endphp
                         @if ($auth_user['roles'] == 'ppc' || $auth_user['roles'] == 'pc')
@@ -381,6 +381,7 @@
                                     <a class="dropdown-item" href="{{ route('profile') }}">
                                         {{ __('Profile') }}
                                     </a>
+                                    @if(!(Auth::check() && method_exists(Auth::user(), 'isImpersonated') && Auth::user()->isImpersonated()))
                                     <a class="dropdown-item" href="{{ route('logout') }}"
                                        onclick="event.preventDefault();
                                                      document.getElementById('logout-form').submit();">
@@ -390,6 +391,7 @@
                                     <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                         @csrf
                                     </form>
+                                    @endif
                                 </div>
                             </li>
 
diff --git a/resources/views/layouts/app_callcenter.blade.php b/resources/views/layouts/app_callcenter.blade.php
index bed22382..60a94775 100644
--- a/resources/views/layouts/app_callcenter.blade.php
+++ b/resources/views/layouts/app_callcenter.blade.php
@@ -105,6 +105,7 @@
 
                     <!-- Right Side Of Navbar -->
                     <ul class="navbar-nav ml-auto">
+                        @include('layouts.partials.impersonation_nav')
                         <!-- <li class="nav-item dropdown" style="margin-right:10px;">
                             <a id="navbarDropdown" class="nav-link " href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                                 <i id="bell" class="fa fa-bell"></i>
@@ -143,6 +144,7 @@
                                     <a class="dropdown-item" href="{{ route('profile') }}">
                                         {{ __('Profile') }}
                                     </a>
+                                    @if(!(Auth::check() && method_exists(Auth::user(), 'isImpersonated') && Auth::user()->isImpersonated()))
                                     <a class="dropdown-item" href="{{ route('logout') }}"
                                        onclick="event.preventDefault();
                                                      document.getElementById('logout-form').submit();">
@@ -152,6 +154,7 @@
                                     <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                         @csrf
                                     </form>
+                                    @endif
                                 </div>
                             </li>
                           
diff --git a/resources/views/layouts/app_operasi.blade.php b/resources/views/layouts/app_operasi.blade.php
index 32b86c29..d912dc21 100644
--- a/resources/views/layouts/app_operasi.blade.php
+++ b/resources/views/layouts/app_operasi.blade.php
@@ -107,6 +107,7 @@
 
                     <!-- Right Side Of Navbar -->
                     <ul class="navbar-nav ml-auto">
+                        @include('layouts.partials.impersonation_nav')
                         <li class="nav-item dropdown" style="margin-right:10px;">
                             <a id="navbarDropdown" class="nav-link " href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                                 <i id="bell" class="fa fa-bell"></i>
@@ -233,6 +234,7 @@
                                     <a class="dropdown-item" href="{{ route('profile') }}">
                                         {{ __('Profile') }}
                                     </a>
+                                    @if(!(Auth::check() && method_exists(Auth::user(), 'isImpersonated') && Auth::user()->isImpersonated()))
                                     <a class="dropdown-item" href="{{ route('logout') }}"
                                        onclick="event.preventDefault();
                                                      document.getElementById('logout-form').submit();">
@@ -242,6 +244,7 @@
                                     <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                                         @csrf
                                     </form>
+                                    @endif
                                 </div>
                             </li>
                           
diff --git a/resources/views/layouts/partials/impersonation_nav.blade.php b/resources/views/layouts/partials/impersonation_nav.blade.php
new file mode 100644
index 00000000..b859caba
--- /dev/null
+++ b/resources/views/layouts/partials/impersonation_nav.blade.php
@@ -0,0 +1,11 @@
+@if(Auth::check() && method_exists(Auth::user(), 'isImpersonated') && Auth::user()->isImpersonated())
+    <li class="nav-item" style="margin-right:10px;">
+        <form method="post" action="{{ route('impersonate.leave') }}" class="m-0">
+            @csrf
+            <button type="submit" class="btn btn-sm btn-warning" title="Stop impersonate">
+                Keluar Penyamaran
+            </button>
+        </form>
+    </li>
+@endif
+
diff --git a/resources/views/lelongan/index-khazanah.blade.php b/resources/views/lelongan/index-khazanah.blade.php
index 71c4f233..062a93ec 100644
--- a/resources/views/lelongan/index-khazanah.blade.php
+++ b/resources/views/lelongan/index-khazanah.blade.php
@@ -200,7 +200,7 @@
         }
     });
 
-    var api = '<?php echo $api_url ?>';
+    var api = "{{ api_url_for_browser() }}";
     let nw = 0;
 
     function wakilfunction(e)
@@ -536,7 +536,7 @@ function ubahwakil(e)
     {
 
         let norujukan = $('#norujukan').val();
-        let api = "{{ config('api.url') }}";
+        let api = "{{ api_url_for_browser() }}";
         let nowakil = nw;
         let jenis = '';
 
@@ -627,7 +627,7 @@ function ubahwakil(e)
 
                     
                     let norujukan = $('#norujukan').val();
-                    let api = "{{ config('api.url') }}";
+                    let api = "{{ api_url_for_browser() }}";
                     let nowakil = 0;
                     let jenis = '';
                     let mohon = '';
diff --git a/resources/views/lelongan/index.blade.php b/resources/views/lelongan/index.blade.php
index 2eab543b..a53b02a4 100644
--- a/resources/views/lelongan/index.blade.php
+++ b/resources/views/lelongan/index.blade.php
@@ -229,7 +229,7 @@
         }
     });
 
-    var api = '<?php echo $api_url ?>';
+    var api = "{{ api_url_for_browser() }}";
     let nw = 0;
 
     function wakilfunction(e)
@@ -565,7 +565,7 @@ function ubahwakil(e)
     {
 
         let norujukan = $('#norujukan').val();
-        let api = "{{ config('api.url') }}";
+        let api = "{{ api_url_for_browser() }}";
         let nowakil = nw;
         let jenis = '';
 
diff --git a/resources/views/onetimepassword/home.blade.php b/resources/views/onetimepassword/home.blade.php
index 0c010b0d..689f8f8b 100644
--- a/resources/views/onetimepassword/home.blade.php
+++ b/resources/views/onetimepassword/home.blade.php
@@ -102,7 +102,7 @@ $(document).ready(function()
 function carila()
 {
 
-    var api_url = "<?php echo $api_url ?>";
+    var api_url = "{{ api_url_for_browser() }}";
 
     var noic = $('#noic').val();
 
diff --git a/resources/views/operasi/daftar_kakitangan.blade.php b/resources/views/operasi/daftar_kakitangan.blade.php
index bfc3bc03..e0ed9ba9 100644
--- a/resources/views/operasi/daftar_kakitangan.blade.php
+++ b/resources/views/operasi/daftar_kakitangan.blade.php
@@ -138,6 +138,19 @@
                                                     <a href="{{ route('kakitangan.tukartaraf',['id'=>$staff->id]) }}" class="btn btn-warning" title="Tukar Taraf"><i class="material-icons">edit</i></a>
                                                     <a href="{{ route('kakitangan.tukarcawangan',['id'=>$staff->id]) }}" class="btn btn-info" title="Tukar Cawangan"><i class="material-icons">work</i></a>
                                                     <a href="{{ route('operasi.kakitangan.edit',['id'=>$staff->id]) }}" class="btn btn-success" title="Edit Maklumat"><i class="material-icons">settings</i></a>
+                                                    @if(
+                                                        app()->environment(['local', 'staging'])
+                                                        &&
+                                                        in_array($auth_user->roles, ['admin'])
+                                                        && $staff->roles != 'admin'
+                                                        && $staff->id != $auth_user->id
+                                                        && !(Auth::check() && method_exists(Auth::user(), 'isImpersonated') && Auth::user()->isImpersonated())
+                                                    )
+                                                        <form method="post" action="{{ route('impersonate.start', ['id' => $staff->id]) }}" style="display:inline;">
+                                                            @csrf
+                                                            <button type="button" class="btn btn-secondary btn-impersonate" data-staff-name="{{ $staff->name }}" title="Impersonate"><i class="material-icons">supervised_user_circle</i></button>
+                                                        </form>
+                                                    @endif
                                                     <button type="button" class="btn btn-danger btn-delete" data-roles="{{ $auth_user->roles }}" data-staff-id="{{ $staff->id }}" data-token="{{ csrf_token() }}" title="Delete Kakitangan"><i class="material-icons">delete</i></button>
                                                 @elseif($auth_user->roles == 'admin')
                                                 {{-- <form method="post" action="{{ route('admin.kakitangan.delete') }}">
@@ -147,6 +160,18 @@
                                                     <a href="{{ route('admin.kakitangan.tukarcawangan',['id'=>$staff->id]) }}" class="btn btn-info" title="Tukar Cawangan"><i class="material-icons">work</i></a>
                                                     <a href="{{ route('admin.kakitangan.edit',['id'=>$staff->id]) }}" class="btn btn-success" title="Edit Maklumat"><i class="material-icons">settings</i></a>
                                                     <a href="{{ route('admin.kakitangan.resetcredentials',['id'=>$staff->id]) }}" class="btn btn-primary" title="Reset Password"><i class="material-icons">restore</i></a>
+                                                    @if(
+                                                        app()->environment(['local', 'staging'])
+                                                        &&
+                                                        $staff->roles != 'admin'
+                                                        && $staff->id != $auth_user->id
+                                                        && !(Auth::check() && method_exists(Auth::user(), 'isImpersonated') && Auth::user()->isImpersonated())
+                                                    )
+                                                        <form method="post" action="{{ route('impersonate.start', ['id' => $staff->id]) }}" style="display:inline;">
+                                                            @csrf
+                                                            <button type="button" class="btn btn-secondary btn-impersonate" data-staff-name="{{ $staff->name }}" title="Impersonate"><i class="material-icons">supervised_user_circle</i></button>
+                                                        </form>
+                                                    @endif
                                                     <button type="button" class="btn btn-danger btn-delete" data-staff-id="{{ $staff->id }}" data-token="{{ csrf_token() }}" title="Delete Kakitangan"><i class="material-icons">delete</i></button>
                                                 {{-- </form> --}}
                                                 @endif
@@ -223,6 +248,27 @@
         }).catch(swal.noop)
     });
 
+    $("#rekod_kakitangan").on('click', ".btn-impersonate", function(){
+        var form = $(this).closest('form');
+        var staffName = $(this).data('staff-name');
+
+        Swal.fire({
+                title: 'Menyamar sebagai Kakitangan?',
+                text: "Anda akan log masuk sebagai " + staffName + ".",
+                type: 'warning',
+                showCancelButton: true,
+                confirmButtonClass: 'btn btn-secondary',
+                cancelButtonClass: 'btn btn-warning',
+                confirmButtonText: 'Ya, menyamar',
+                cancelButtonText: 'Batal!',
+                buttonsStyling: false
+            }).then(function(result) {
+            if (result.isConfirmed) {
+                form.submit();
+            }
+        }).catch(swal.noop)
+    });
+
     function verifyregister(){
         var cawangan = $('#cawangan').val();
         var role = $('#role').val();
diff --git a/resources/views/operasi/edit_marginmutu.blade.php b/resources/views/operasi/edit_marginmutu.blade.php
index ae1333e1..ee34287d 100644
--- a/resources/views/operasi/edit_marginmutu.blade.php
+++ b/resources/views/operasi/edit_marginmutu.blade.php
@@ -85,7 +85,7 @@ $(document).ready(function() {
         };
         
         $.ajax({
-            url: '{{ config("api.url") }}/api/maxmutuemas/update',
+            url: '{{ api_url_for_browser() }}/api/maxmutuemas/update',
             type: 'POST',
             data: formData,
             success: function(response) {
diff --git a/resources/views/operasi/hargaemas.blade.php b/resources/views/operasi/hargaemas.blade.php
index 1bce3c11..a6896263 100644
--- a/resources/views/operasi/hargaemas.blade.php
+++ b/resources/views/operasi/hargaemas.blade.php
@@ -95,7 +95,7 @@
 </div>
 <script>
 
-    let api_url = "{{ $api_url }}";
+    let api_url = "{{ api_url_for_browser() }}";
 
     var tableemas = $('#table-emas').DataTable({
         "scrollX": true
diff --git a/resources/views/operasi/kelulusan.blade.php b/resources/views/operasi/kelulusan.blade.php
index a521f978..1ce09961 100644
--- a/resources/views/operasi/kelulusan.blade.php
+++ b/resources/views/operasi/kelulusan.blade.php
@@ -236,8 +236,8 @@
     "scrollX": true
   });
 
-  let api = "{{ config('api.url') }}";
-
+  let api = "{{ api_url_for_browser() }}";
+  
   const formatter = new Intl.NumberFormat('en-US', {
     minimumFractionDigits: 2
   });
diff --git a/resources/views/operasi/komuditi/index.blade.php b/resources/views/operasi/komuditi/index.blade.php
index 29c5814a..a755c4d6 100644
--- a/resources/views/operasi/komuditi/index.blade.php
+++ b/resources/views/operasi/komuditi/index.blade.php
@@ -237,7 +237,7 @@
     </div>
 </div>
 <script>
-    let api_url = "{{ $api_url }}";
+    let api_url = "{{ api_url_for_browser() }}";
 
     var tablerekod = $('#rekod_komuditi').DataTable( {
         "pageLength": 1000,
diff --git a/resources/views/operasi/komuditi/rekod_transaksi.blade.php b/resources/views/operasi/komuditi/rekod_transaksi.blade.php
index 8974d425..f42aa2ae 100644
--- a/resources/views/operasi/komuditi/rekod_transaksi.blade.php
+++ b/resources/views/operasi/komuditi/rekod_transaksi.blade.php
@@ -54,7 +54,7 @@
 </div>
 
 <script>
-    let api_url = "{{ $api_url }}";
+    let api_url = "{{ api_url_for_browser() }}";
     var tablerekod = $('#rekod_komoditi').DataTable();
     $('#tarikh_rekod').datepicker({
         format: 'dd/mm/yyyy',
diff --git a/resources/views/pembiayaan_online/operasi/batch.blade.php b/resources/views/pembiayaan_online/operasi/batch.blade.php
new file mode 100644
index 00000000..fd0e14d6
--- /dev/null
+++ b/resources/views/pembiayaan_online/operasi/batch.blade.php
@@ -0,0 +1,271 @@
+@extends('layouts.app_operasi')
+@section('content')
+@php
+    $pendingCount = collect($lines)->whereIn('status', ['IN_BATCH', 'OPS_REVIEW'])->count();
+    $approvedCount = collect($lines)->where('status', 'APPROVED')->count();
+    $cawName = $cawangan_info['nama'] ?? $cawangan_info['namacaw'] ?? $kodcaw;
+@endphp
+<div class="container-fluid">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                    <li class="breadcrumb-item"><a href="{{ route('pembiayaan.online.operasi') }}">Pembiayaan Online</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">Batch</li>
+                </ol>
+            </nav>
+
+            @if(session()->has('message'))
+                <div class="alert alert-success">{{ session('message') }}</div>
+            @endif
+            @if(session()->has('error'))
+                <div class="alert alert-danger">{{ session('error') }}</div>
+            @endif
+
+            <div class="card mb-3">
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-md-3"><b>Batch No</b><br>{{ $batch['batch_no'] ?? '-' }}</div>
+                        <div class="col-md-3"><b>Cawangan</b><br>{{ $cawName }} <small class="text-muted">({{ $kodcaw }})</small></div>
+                        <div class="col-md-2"><b>Tarikh</b><br>{{ $batch['tarikh'] ?? '-' }}</div>
+                        <div class="col-md-2"><b>Slot</b><br>{{ $batch['slot'] ?? '-' }}</div>
+                        <div class="col-md-2"><b>Status</b><br>{{ $batch['status'] ?? '-' }}</div>
+                    </div>
+                    <div class="row mt-3">
+                        <div class="col-md-3"><b>Bilangan</b><br>{{ $batch['bilangan'] ?? count($lines) }}</div>
+                        <div class="col-md-3"><b>Jumlah</b><br>RM {{ number_format((float)($batch['jumlah_keseluruhan'] ?? 0), 2) }}</div>
+                        <div class="col-md-3"><b>Dihantar Oleh</b><br>{{ $batch['pc_submitted_by'] ?? '-' }}</div>
+                        <div class="col-md-3"><b>Dihantar Pada</b><br>{{ $batch['submitted_at'] ?? '-' }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="card mb-3">
+                <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
+                    <h5 class="mb-0">Senarai Dalam Batch</h5>
+                    <div class="mt-2 mt-md-0">
+                        <a href="{{ route('pembiayaan.online.operasi') }}" class="btn btn-secondary btn-sm">Kembali</a>
+                        @if($pendingCount > 0)
+                            <form method="post"
+                                  action="{{ route('pembiayaan.online.operasi.approve.batch', ['kodcaw' => $kodcaw, 'batchId' => $batch['id']]) }}"
+                                  class="d-inline"
+                                  onsubmit="return confirm('Luluskan semua {{ $pendingCount }} rekod menunggu dalam batch ini?');">
+                                @csrf
+                                <button type="submit" class="btn btn-success btn-sm">Lulus Semua Menunggu ({{ $pendingCount }})</button>
+                            </form>
+                        @endif
+                        @if($approvedCount > 0)
+                            <button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#paidBatchModal">
+                                Tanda PAID Batch ({{ $approvedCount }})
+                            </button>
+                        @endif
+                    </div>
+                </div>
+                <div class="card-body table-responsive">
+                    <table class="table table-striped table-sm text-center">
+                        <thead class="thead-dark">
+                            <tr>
+                                <th>Status</th>
+                                <th>SAG</th>
+                                <th>Pelanggan</th>
+                                <th>No KP</th>
+                                <th>Bank</th>
+                                <th>No Akaun</th>
+                                <th>Nama Akaun</th>
+                                <th>Pinjaman (RM)</th>
+                                <th>Rujukan Bayaran</th>
+                                <th>Tindakan</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @forelse($lines as $line)
+                                @php
+                                    $st = $line['status'] ?? '';
+                                    $badge = 'badge-secondary';
+                                    if ($st === 'APPROVED') $badge = 'badge-success';
+                                    elseif ($st === 'PAID') $badge = 'badge-dark';
+                                    elseif ($st === 'REJECTED_PC') $badge = 'badge-danger';
+                                    elseif (in_array($st, ['IN_BATCH', 'OPS_REVIEW'], true)) $badge = 'badge-primary';
+                                @endphp
+                                <tr>
+                                    <td><span class="badge {{ $badge }}">{{ $st ?: '-' }}</span></td>
+                                    <td>{{ $line['norujukan'] ?? '-' }}</td>
+                                    <td class="text-left">{{ $line['nama_pelanggan'] ?? '-' }}</td>
+                                    <td>{{ $line['nokp'] ?? '-' }}</td>
+                                    <td>{{ $line['nama_bank'] ?? $line['kodbank'] ?? '-' }}</td>
+                                    <td>{{ $line['noakaun'] ?? '-' }}</td>
+                                    <td class="text-left">{{ $line['nama_akaun'] ?? '-' }}</td>
+                                    <td class="text-right">{{ number_format((float)($line['pinjaman'] ?? 0), 2) }}</td>
+                                    <td>{{ $line['no_rujukan_bayaran'] ?? '-' }}</td>
+                                    <td class="text-nowrap">
+                                        @if(in_array($st, ['IN_BATCH', 'OPS_REVIEW'], true))
+                                            <form method="post"
+                                                  action="{{ route('pembiayaan.online.operasi.approve', ['kodcaw' => $kodcaw, 'id' => $line['id']]) }}"
+                                                  class="d-inline"
+                                                  onsubmit="return confirm('Luluskan rekod {{ $line['norujukan'] ?? '' }}?');">
+                                                @csrf
+                                                <input type="hidden" name="batch_id" value="{{ $batch['id'] }}">
+                                                <button type="submit" class="btn btn-success btn-sm">Lulus</button>
+                                            </form>
+                                            <button type="button"
+                                                    class="btn btn-danger btn-sm btn-reject"
+                                                    data-id="{{ $line['id'] }}"
+                                                    data-norujukan="{{ $line['norujukan'] ?? '' }}">
+                                                Tolak
+                                            </button>
+                                        @elseif($st === 'APPROVED')
+                                            <button type="button"
+                                                    class="btn btn-dark btn-sm btn-paid"
+                                                    data-id="{{ $line['id'] }}"
+                                                    data-norujukan="{{ $line['norujukan'] ?? '' }}">
+                                                PAID + Bukti
+                                            </button>
+                                            <button type="button"
+                                                    class="btn btn-outline-danger btn-sm btn-reject"
+                                                    data-id="{{ $line['id'] }}"
+                                                    data-norujukan="{{ $line['norujukan'] ?? '' }}">
+                                                Tolak
+                                            </button>
+                                        @elseif($st === 'PAID')
+                                            <span class="text-muted small">Selesai</span>
+                                        @else
+                                            <span class="text-muted small">-</span>
+                                        @endif
+                                    </td>
+                                </tr>
+                            @empty
+                                <tr>
+                                    <td colspan="10">Tiada rekod dalam batch.</td>
+                                </tr>
+                            @endforelse
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{{-- Reject modal --}}
+<div class="modal fade" id="rejectModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <form method="post" id="rejectForm" action="">
+            @csrf
+            <input type="hidden" name="batch_id" value="{{ $batch['id'] }}">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Tolak Rekod — <span id="rejectNorujukan"></span></h5>
+                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        <label>Sebab Tolak <span class="text-danger">*</span></label>
+                        <textarea name="reject_reason" id="rejectReason" class="form-control" rows="3" required
+                                  placeholder="Contoh: No akaun tidak sepadan / dokumen tidak lengkap"></textarea>
+                    </div>
+                    <p class="small text-muted mb-0">Rekod akan dikembalikan ke queue PC untuk semakan semula.</p>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
+                    <button type="submit" class="btn btn-danger">Tolak</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+{{-- Paid line modal --}}
+<div class="modal fade" id="paidModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <form method="post" id="paidForm" action="" enctype="multipart/form-data">
+            @csrf
+            <input type="hidden" name="batch_id" value="{{ $batch['id'] }}">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Tanda PAID — <span id="paidNorujukan"></span></h5>
+                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        <label>No. Rujukan Bayaran <span class="text-danger">*</span></label>
+                        <input type="text" name="no_rujukan_bayaran" class="form-control" required>
+                    </div>
+                    <div class="form-group">
+                        <label>Tarikh Bayaran</label>
+                        <input type="date" name="tarikh_bayaran" class="form-control" value="{{ date('Y-m-d') }}">
+                    </div>
+                    <div class="form-group">
+                        <label>Bukti Bayaran <span class="text-danger">*</span></label>
+                        <input type="file" name="bukti" class="form-control-file" accept=".pdf,.jpg,.jpeg,.png,.gif" required>
+                        <small class="text-muted">PDF / imej slip pindahan bank</small>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
+                    <button type="submit" class="btn btn-dark">Simpan PAID</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+{{-- Paid batch modal --}}
+<div class="modal fade" id="paidBatchModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <form method="post"
+              action="{{ route('pembiayaan.online.operasi.paid.batch', ['kodcaw' => $kodcaw, 'batchId' => $batch['id']]) }}"
+              enctype="multipart/form-data">
+            @csrf
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Tanda PAID Semua APPROVED ({{ $approvedCount }})</h5>
+                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
+                </div>
+                <div class="modal-body">
+                    <p class="small text-muted">Satu no. rujukan + bukti akan diguna untuk semua rekod APPROVED dalam batch ini.</p>
+                    <div class="form-group">
+                        <label>No. Rujukan Bayaran <span class="text-danger">*</span></label>
+                        <input type="text" name="no_rujukan_bayaran" class="form-control" required>
+                    </div>
+                    <div class="form-group">
+                        <label>Tarikh Bayaran</label>
+                        <input type="date" name="tarikh_bayaran" class="form-control" value="{{ date('Y-m-d') }}">
+                    </div>
+                    <div class="form-group">
+                        <label>Bukti Bayaran <span class="text-danger">*</span></label>
+                        <input type="file" name="bukti" class="form-control-file" accept=".pdf,.jpg,.jpeg,.png,.gif" required>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
+                    <button type="submit" class="btn btn-dark">Simpan PAID Batch</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<script>
+    $('.btn-reject').on('click', function () {
+        var id = $(this).data('id');
+        $('#rejectForm').attr(
+            'action',
+            "{{ url('/pembiayaan-online/operasi/' . $kodcaw . '/lines') }}/" + id + "/reject"
+        );
+        $('#rejectNorujukan').text($(this).data('norujukan'));
+        $('#rejectReason').val('');
+        $('#rejectModal').modal('show');
+    });
+
+    $('.btn-paid').on('click', function () {
+        var id = $(this).data('id');
+        $('#paidForm').attr(
+            'action',
+            "{{ url('/pembiayaan-online/operasi/' . $kodcaw . '/lines') }}/" + id + "/paid"
+        );
+        $('#paidNorujukan').text($(this).data('norujukan'));
+        $('#paidModal').modal('show');
+    });
+</script>
+@endsection
diff --git a/resources/views/pembiayaan_online/operasi/eod.blade.php b/resources/views/pembiayaan_online/operasi/eod.blade.php
new file mode 100644
index 00000000..588e0a69
--- /dev/null
+++ b/resources/views/pembiayaan_online/operasi/eod.blade.php
@@ -0,0 +1,152 @@
+@extends('layouts.app_operasi')
+@section('content')
+<div class="container-fluid">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                    <li class="breadcrumb-item"><a href="{{ route('pembiayaan.online.operasi') }}">Pembiayaan Online</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">EOD Modal Online</li>
+                </ol>
+            </nav>
+
+            @if(session()->has('message'))
+                <div class="alert alert-success">{{ session('message') }}</div>
+            @endif
+            @if(session()->has('error'))
+                <div class="alert alert-danger">{{ session('error') }}</div>
+            @endif
+
+            <div class="row mb-3">
+                <div class="col-md-3">
+                    <div class="card"><div class="card-body text-center">
+                        <div class="text-muted">Tarikh</div>
+                        <h4 class="mb-0">{{ $tarikh }}</h4>
+                    </div></div>
+                </div>
+                <div class="col-md-3">
+                    <div class="card"><div class="card-body text-center">
+                        <div class="text-muted">Masih Dibuka</div>
+                        <h4 class="mb-0 text-warning">{{ $summary['open'] ?? 0 }}</h4>
+                    </div></div>
+                </div>
+                <div class="col-md-3">
+                    <div class="card"><div class="card-body text-center">
+                        <div class="text-muted">Sudah Ditutup</div>
+                        <h4 class="mb-0 text-success">{{ $summary['closed'] ?? 0 }}</h4>
+                    </div></div>
+                </div>
+                <div class="col-md-3">
+                    <div class="card"><div class="card-body text-center">
+                        <div class="text-muted">Belum Ada Rekod</div>
+                        <h4 class="mb-0 text-muted">{{ $summary['missing'] ?? 0 }}</h4>
+                    </div></div>
+                </div>
+            </div>
+
+            <div class="card mb-3">
+                <div class="card-body d-flex flex-wrap justify-content-between align-items-center">
+                    <form method="get" action="{{ route('pembiayaan.online.operasi.eod') }}" class="form-inline mb-2 mb-md-0">
+                        <label class="mr-2">Tarikh</label>
+                        <input type="date" name="tarikh" class="form-control mr-2" value="{{ $tarikh }}">
+                        <button type="submit" class="btn btn-primary">Tapis</button>
+                        <a href="{{ route('pembiayaan.online.operasi.topup') }}" class="btn btn-outline-secondary ml-2">Top-up</a>
+                    </form>
+                    @if(($summary['open'] ?? 0) > 0)
+                        <form method="post" action="{{ route('pembiayaan.online.operasi.eod.closeall') }}"
+                              onsubmit="return confirm('Tutup SEMUA modal online yang masih dibuka untuk {{ $tarikh }}?');">
+                            @csrf
+                            <button type="submit" class="btn btn-dark">Tutup Semua (EOD)</button>
+                        </form>
+                    @endif
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-header">
+                    <h5 class="mb-0">Status Modal Online Mengikut Cawangan</h5>
+                </div>
+                <div class="card-body table-responsive">
+                    <table class="table table-striped table-hover table-sm text-center">
+                        <thead class="thead-dark">
+                            <tr>
+                                <th>Cawangan</th>
+                                <th>Had</th>
+                                <th>Tambah</th>
+                                <th>Digunakan</th>
+                                <th>Kurang (EOD)</th>
+                                <th>Baki</th>
+                                <th>Status</th>
+                                <th>Ditutup Oleh</th>
+                                <th></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @forelse($rows as $row)
+                                @php
+                                    $closed = (int)($row['ditutup'] ?? 0) === 1;
+                                    $missing = !empty($row['missing']);
+                                @endphp
+                                <tr class="{{ $closed ? '' : ($missing ? 'table-secondary' : 'table-warning') }}">
+                                    <td class="text-left">
+                                        <div>{{ $row['cawangan_nama'] ?? '-' }}</div>
+                                        <small class="text-muted">{{ $row['kodcaw'] ?? '' }}</small>
+                                    </td>
+                                    <td class="text-right">{{ number_format((float)($row['had'] ?? 0), 2) }}</td>
+                                    <td class="text-right">{{ number_format((float)($row['tambah'] ?? 0), 2) }}</td>
+                                    <td class="text-right">{{ number_format((float)($row['digunakan'] ?? 0), 2) }}</td>
+                                    <td class="text-right">{{ number_format((float)($row['kurang'] ?? 0), 2) }}</td>
+                                    <td class="text-right">
+                                        @if($missing)
+                                            —
+                                        @else
+                                            {{ number_format((float)($row['baki'] ?? 0), 2) }}
+                                        @endif
+                                    </td>
+                                    <td>
+                                        @if($closed)
+                                            <span class="badge badge-success">DITUTUP</span>
+                                        @elseif($missing)
+                                            <span class="badge badge-secondary">TIADA</span>
+                                        @else
+                                            <span class="badge badge-warning">DIBUKA</span>
+                                        @endif
+                                    </td>
+                                    <td class="small">
+                                        @if($closed)
+                                            {{ $row['ditutup_oleh'] ?? '-' }}<br>
+                                            {{ $row['ditutup_at'] ?? '' }}
+                                        @else
+                                            —
+                                        @endif
+                                    </td>
+                                    <td>
+                                        @if($closed)
+                                            <span class="text-muted small">OK</span>
+                                        @elseif($missing)
+                                            <span class="text-muted small">Tiada had</span>
+                                        @else
+                                            <form method="post"
+                                                  action="{{ route('pembiayaan.online.operasi.eod.close', ['kodcaw' => $row['kodcaw']]) }}"
+                                                  class="d-inline"
+                                                  onsubmit="return confirm('Tutup modal online {{ $row['kodcaw'] }}?');">
+                                                @csrf
+                                                <button type="submit" class="btn btn-sm btn-dark">Tutup</button>
+                                            </form>
+                                        @endif
+                                    </td>
+                                </tr>
+                            @empty
+                                <tr>
+                                    <td colspan="9">Tiada data cawangan.</td>
+                                </tr>
+                            @endforelse
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/pembiayaan_online/operasi/senarai.blade.php b/resources/views/pembiayaan_online/operasi/senarai.blade.php
new file mode 100644
index 00000000..2f2e6505
--- /dev/null
+++ b/resources/views/pembiayaan_online/operasi/senarai.blade.php
@@ -0,0 +1,102 @@
+@extends('layouts.app_operasi')
+@section('content')
+<div class="container-fluid">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">Pembiayaan Online — Operasi</li>
+                </ol>
+            </nav>
+
+            @if(session()->has('message'))
+                <div class="alert alert-success">{{ session('message') }}</div>
+            @endif
+            @if(session()->has('error'))
+                <div class="alert alert-danger">{{ session('error') }}</div>
+            @endif
+
+            <div class="card mb-3">
+                <div class="card-body">
+                    <form method="get" action="{{ route('pembiayaan.online.operasi') }}" class="form-inline">
+                        <label class="mr-2">Status</label>
+                        <select name="status" class="form-control mr-3">
+                            @foreach(['SUBMITTED' => 'Menunggu (SUBMITTED)', 'PARTIAL' => 'Separa (PARTIAL)', 'OPS_DONE' => 'Selesai Lulus (OPS_DONE)', 'PAID' => 'Dibayar (PAID)', 'all' => 'Semua'] as $val => $label)
+                                <option value="{{ $val }}" {{ ($status ?? 'SUBMITTED') === $val ? 'selected' : '' }}>{{ $label }}</option>
+                            @endforeach
+                        </select>
+                        <label class="mr-2">Tarikh</label>
+                        <input type="date" name="tarikh" class="form-control mr-3" value="{{ $tarikh ?? '' }}">
+                        <button type="submit" class="btn btn-primary">Tapis</button>
+                        <a href="{{ route('pembiayaan.online.operasi') }}" class="btn btn-secondary ml-2">Reset</a>
+                    </form>
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-header d-flex justify-content-between align-items-center">
+                    <h5 class="mb-0">Senarai Batch Pembiayaan Online</h5>
+                    <div>
+                        <a href="{{ route('pembiayaan.online.operasi.topup') }}" class="btn btn-sm btn-warning">Modal Online</a>
+                        <a href="{{ route('pembiayaan.online.operasi.eod') }}" class="btn btn-sm btn-dark">EOD</a>
+                        <span class="text-muted ml-2">{{ count($batches) }} batch</span>
+                    </div>
+                </div>
+                <div class="card-body table-responsive">
+                    <table class="table table-striped table-hover table-sm text-center">
+                        <thead class="thead-dark">
+                            <tr>
+                                <th>Batch No</th>
+                                <th>Cawangan</th>
+                                <th>Tarikh</th>
+                                <th>Slot</th>
+                                <th>Bil</th>
+                                <th>Jumlah (RM)</th>
+                                <th>Status</th>
+                                <th>Dihantar Oleh</th>
+                                <th></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @forelse($batches as $batch)
+                                @php
+                                    $st = $batch['status'] ?? '';
+                                    $badge = 'badge-secondary';
+                                    if ($st === 'SUBMITTED') $badge = 'badge-primary';
+                                    elseif ($st === 'PARTIAL') $badge = 'badge-warning';
+                                    elseif ($st === 'OPS_DONE') $badge = 'badge-success';
+                                    elseif ($st === 'PAID') $badge = 'badge-dark';
+                                @endphp
+                                <tr>
+                                    <td>{{ $batch['batch_no'] ?? '-' }}</td>
+                                    <td class="text-left">
+                                        <div>{{ $batch['cawangan_nama'] ?? '-' }}</div>
+                                        <small class="text-muted">{{ $batch['kodcaw'] ?? '' }}</small>
+                                    </td>
+                                    <td>{{ $batch['tarikh'] ?? '-' }}</td>
+                                    <td>{{ $batch['slot'] ?? '-' }}</td>
+                                    <td>{{ $batch['bilangan'] ?? 0 }}</td>
+                                    <td class="text-right">{{ number_format((float)($batch['jumlah_keseluruhan'] ?? 0), 2) }}</td>
+                                    <td><span class="badge {{ $badge }}">{{ $st ?: '-' }}</span></td>
+                                    <td>{{ $batch['pc_submitted_by'] ?? '-' }}</td>
+                                    <td>
+                                        <a class="btn btn-sm btn-info"
+                                           href="{{ route('pembiayaan.online.operasi.batch', ['kodcaw' => $batch['kodcaw'], 'batchId' => $batch['id']]) }}">
+                                            Semak
+                                        </a>
+                                    </td>
+                                </tr>
+                            @empty
+                                <tr>
+                                    <td colspan="9">Tiada batch untuk tapisan ini.</td>
+                                </tr>
+                            @endforelse
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/pembiayaan_online/operasi/topup.blade.php b/resources/views/pembiayaan_online/operasi/topup.blade.php
new file mode 100644
index 00000000..139a0ae4
--- /dev/null
+++ b/resources/views/pembiayaan_online/operasi/topup.blade.php
@@ -0,0 +1,198 @@
+@extends('layouts.app_operasi')
+@section('content')
+<div class="container-fluid">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                    <li class="breadcrumb-item"><a href="{{ route('pembiayaan.online.operasi') }}">Pembiayaan Online</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">Tambah Modal Online</li>
+                </ol>
+            </nav>
+
+            @if(session()->has('message'))
+                <div class="alert alert-success">{{ session('message') }}</div>
+            @endif
+            @if(session()->has('error'))
+                <div class="alert alert-danger">{{ session('error') }}</div>
+            @endif
+
+            <div class="card mb-3">
+                <div class="card-body">
+                    <form method="get" action="{{ route('pembiayaan.online.operasi.topup') }}" class="form-inline">
+                        <label class="mr-2">Status</label>
+                        <select name="status" class="form-control mr-3">
+                            <option value="PENDING" {{ ($status ?? 'PENDING') === 'PENDING' ? 'selected' : '' }}>PENDING</option>
+                            <option value="APPROVED" {{ ($status ?? '') === 'APPROVED' ? 'selected' : '' }}>APPROVED</option>
+                            <option value="REJECTED" {{ ($status ?? '') === 'REJECTED' ? 'selected' : '' }}>REJECTED</option>
+                            <option value="all" {{ ($status ?? '') === 'all' ? 'selected' : '' }}>Semua</option>
+                        </select>
+                        <label class="mr-2">Tarikh</label>
+                        <input type="date" name="tarikh" class="form-control mr-3" value="{{ $tarikh ?? '' }}">
+                        <button type="submit" class="btn btn-primary">Tapis</button>
+                        <a href="{{ route('pembiayaan.online.operasi.topup') }}" class="btn btn-secondary ml-2">Reset</a>
+                        <a href="{{ route('pembiayaan.online.operasi') }}" class="btn btn-outline-secondary ml-2">Batch Online</a>
+                    </form>
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-header d-flex justify-content-between align-items-center">
+                    <h5 class="mb-0">Permohonan Had / Tambah Modal Online</h5>
+                    <span class="text-muted">{{ count($requests) }} rekod</span>
+                </div>
+                <div class="card-body table-responsive">
+                    <table class="table table-striped table-hover table-sm text-center">
+                        <thead class="thead-dark">
+                            <tr>
+                                <th>ID</th>
+                                <th>Cawangan</th>
+                                <th>Tarikh</th>
+                                <th>Amaun (RM)</th>
+                                <th>Dimohon Oleh</th>
+                                <th>Status</th>
+                                <th>Nota</th>
+                                <th>Tindakan</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @forelse($requests as $req)
+                                @php
+                                    $st = $req['status'] ?? '';
+                                    $badge = 'badge-secondary';
+                                    if ($st === 'PENDING') $badge = 'badge-warning';
+                                    elseif ($st === 'APPROVED') $badge = 'badge-success';
+                                    elseif ($st === 'REJECTED') $badge = 'badge-danger';
+                                @endphp
+                                <tr>
+                                    <td>{{ $req['id'] ?? '-' }}</td>
+                                    <td class="text-left">
+                                        <div>{{ $req['cawangan_nama'] ?? '-' }}</div>
+                                        <small class="text-muted">{{ $req['kodcaw'] ?? '' }}</small>
+                                    </td>
+                                    <td>{{ $req['tarikh'] ?? '-' }}</td>
+                                    <td class="text-right">{{ number_format((float)($req['amaun'] ?? 0), 2) }}</td>
+                                    <td>{{ $req['dimohon_oleh'] ?? '-' }}</td>
+                                    <td><span class="badge {{ $badge }}">{{ $st ?: '-' }}</span></td>
+                                    <td class="text-left small">{{ $req['nota'] ?? '-' }}</td>
+                                    <td class="text-nowrap">
+                                        @if($st === 'PENDING')
+                                            <button type="button"
+                                                    class="btn btn-success btn-sm btn-approve-topup"
+                                                    data-id="{{ $req['id'] }}"
+                                                    data-kodcaw="{{ $req['kodcaw'] ?? '' }}"
+                                                    data-cawangan="{{ $req['cawangan_nama'] ?? ($req['kodcaw'] ?? '') }}"
+                                                    data-amaun="{{ number_format((float)($req['amaun'] ?? 0), 2, '.', '') }}">
+                                                Lulus
+                                            </button>
+                                            <button type="button"
+                                                    class="btn btn-danger btn-sm btn-reject-topup"
+                                                    data-id="{{ $req['id'] }}"
+                                                    data-kodcaw="{{ $req['kodcaw'] ?? '' }}"
+                                                    data-amaun="{{ number_format((float)($req['amaun'] ?? 0), 2) }}">
+                                                Tolak
+                                            </button>
+                                        @else
+                                            <small class="text-muted">{{ $req['diluluskan_oleh'] ?? '-' }}</small>
+                                        @endif
+                                    </td>
+                                </tr>
+                            @empty
+                                <tr>
+                                    <td colspan="8">Tiada permohonan untuk tapisan ini.</td>
+                                </tr>
+                            @endforelse
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<div class="modal fade" id="approveTopupModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <form method="post" id="approveTopupForm" action="">
+            @csrf
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Lulus Permohonan Modal</h5>
+                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
+                </div>
+                <div class="modal-body">
+                    <p class="mb-3">
+                        Cawangan: <b id="approveCawangan"></b>
+                        (<span id="approveKodcaw"></span>)<br>
+                        Amaun dimohon: RM <b id="approveAmaunDimohon"></b>
+                    </p>
+                    <div class="form-group">
+                        <label>Amaun diluluskan (RM) <span class="text-danger">*</span></label>
+                        <input type="number" name="amaun" id="approveAmaun" class="form-control"
+                               min="0.01" step="0.01" required>
+                        <small class="form-text text-muted">Boleh tukar amaun sebelum lulus.</small>
+                    </div>
+                    <div class="form-group mb-0">
+                        <label>Nota (pilihan)</label>
+                        <textarea name="nota" class="form-control" rows="3" placeholder="Catatan kelulusan"></textarea>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
+                    <button type="submit" class="btn btn-success">Lulus</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<div class="modal fade" id="rejectTopupModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <form method="post" id="rejectTopupForm" action="">
+            @csrf
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Tolak Permohonan Modal</h5>
+                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
+                </div>
+                <div class="modal-body">
+                    <p class="mb-2">
+                        Cawangan: <b id="rejectKodcaw"></b><br>
+                        Amaun: RM <b id="rejectAmaun"></b>
+                    </p>
+                    <div class="form-group">
+                        <label>Nota (pilihan)</label>
+                        <textarea name="nota" class="form-control" rows="3" placeholder="Sebab tolak"></textarea>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
+                    <button type="submit" class="btn btn-danger">Tolak</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<script>
+    $('.btn-approve-topup').on('click', function () {
+        var id = $(this).data('id');
+        var amaun = $(this).data('amaun');
+        $('#approveTopupForm').attr('action', "{{ url('/pembiayaan-online/operasi/topup') }}/" + id + "/approve");
+        $('#approveCawangan').text($(this).data('cawangan'));
+        $('#approveKodcaw').text($(this).data('kodcaw'));
+        $('#approveAmaunDimohon').text(Number(amaun).toLocaleString('en-MY', { minimumFractionDigits: 2, maximumFractionDigits: 2 }));
+        $('#approveAmaun').val(amaun);
+        $('#approveTopupForm textarea[name="nota"]').val('');
+        $('#approveTopupModal').modal('show');
+    });
+
+    $('.btn-reject-topup').on('click', function () {
+        var id = $(this).data('id');
+        $('#rejectTopupForm').attr('action', "{{ url('/pembiayaan-online/operasi/topup') }}/" + id + "/reject");
+        $('#rejectKodcaw').text($(this).data('kodcaw'));
+        $('#rejectAmaun').text($(this).data('amaun'));
+        $('#rejectTopupModal').modal('show');
+    });
+</script>
+@endsection
diff --git a/resources/views/pembiayaan_online/pc/batch.blade.php b/resources/views/pembiayaan_online/pc/batch.blade.php
new file mode 100644
index 00000000..ac2db5af
--- /dev/null
+++ b/resources/views/pembiayaan_online/pc/batch.blade.php
@@ -0,0 +1,65 @@
+@extends('layouts.app')
+@section('content')
+<div class="container-fluid">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                    <li class="breadcrumb-item"><a href="{{ route('pembiayaan.online.pc') }}">Pembiayaan Online</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">Batch</li>
+                </ol>
+            </nav>
+
+            <div class="card mb-3">
+                <div class="card-body">
+                    <div class="row">
+                        <div class="col-md-3"><b>Batch No</b><br>{{ $batch['batch_no'] ?? '-' }}</div>
+                        <div class="col-md-2"><b>Tarikh</b><br>{{ $batch['tarikh'] ?? '-' }}</div>
+                        <div class="col-md-2"><b>Slot</b><br>{{ $batch['slot'] ?? '-' }}</div>
+                        <div class="col-md-2"><b>Status</b><br>{{ $batch['status'] ?? '-' }}</div>
+                        <div class="col-md-3"><b>Jumlah</b><br>RM {{ number_format((float)($batch['jumlah_keseluruhan'] ?? 0), 2) }}</div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-header d-flex justify-content-between">
+                    <h5 class="mb-0">Senarai Dalam Batch</h5>
+                    <a href="{{ route('pembiayaan.online.pc') }}" class="btn btn-secondary btn-sm">Kembali</a>
+                </div>
+                <div class="card-body table-responsive">
+                    <table class="table table-striped table-sm text-center">
+                        <thead class="thead-dark">
+                            <tr>
+                                <th>Status</th>
+                                <th>SAG</th>
+                                <th>Pelanggan</th>
+                                <th>No KP</th>
+                                <th>Bank</th>
+                                <th>No Akaun</th>
+                                <th>Pinjaman (RM)</th>
+                                <th>Rujukan Bayaran</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            @foreach($lines as $line)
+                                <tr>
+                                    <td>{{ $line['status'] ?? '-' }}</td>
+                                    <td>{{ $line['norujukan'] ?? '-' }}</td>
+                                    <td class="text-left">{{ $line['nama_pelanggan'] ?? '-' }}</td>
+                                    <td>{{ $line['nokp'] ?? '-' }}</td>
+                                    <td>{{ $line['nama_bank'] ?? $line['kodbank'] ?? '-' }}</td>
+                                    <td>{{ $line['noakaun'] ?? '-' }}</td>
+                                    <td class="text-right">{{ number_format((float)($line['pinjaman'] ?? 0), 2) }}</td>
+                                    <td>{{ $line['no_rujukan_bayaran'] ?? '-' }}</td>
+                                </tr>
+                            @endforeach
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/pembiayaan_online/pc/paid.blade.php b/resources/views/pembiayaan_online/pc/paid.blade.php
new file mode 100644
index 00000000..138ba469
--- /dev/null
+++ b/resources/views/pembiayaan_online/pc/paid.blade.php
@@ -0,0 +1,187 @@
+@extends('layouts.app')
+@section('content')
+<div class="container-fluid">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                    <li class="breadcrumb-item"><a href="{{ route('pembiayaan.online.pc') }}">Pembiayaan Online</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">Tally PAID</li>
+                </ol>
+            </nav>
+
+            @if(session()->has('message'))
+                <div class="alert alert-success">{{ session('message') }}</div>
+            @endif
+            @if(session()->has('error'))
+                <div class="alert alert-danger">{{ session('error') }}</div>
+            @endif
+
+            <div class="row mb-3">
+                <div class="col-md-4">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Bilangan PAID</div>
+                            <h4 class="mb-0">{{ $bilangan }} rekod</h4>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Jumlah Pinjaman</div>
+                            <h4 class="mb-0">RM {{ number_format((float) $jumlah, 2) }}</h4>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Tapisan</div>
+                            <h4 class="mb-0">
+                                @if(($blastFilter ?? '0') === '0') Belum Blast
+                                @elseif(($blastFilter ?? '') === '1') Sudah Blast
+                                @else Semua
+                                @endif
+                            </h4>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="card mb-3">
+                <div class="card-body">
+                    <form method="get" action="{{ route('pembiayaan.online.pc.paid') }}" class="form-inline">
+                        <label class="mr-2">Status Blast</label>
+                        <select name="blast_sent" class="form-control mr-3">
+                            <option value="0" {{ ($blastFilter ?? '0') === '0' ? 'selected' : '' }}>Belum blast / belum selesai semak</option>
+                            <option value="1" {{ ($blastFilter ?? '') === '1' ? 'selected' : '' }}>Sudah selesai</option>
+                            <option value="all" {{ ($blastFilter ?? '') === 'all' ? 'selected' : '' }}>Semua PAID</option>
+                        </select>
+                        <button type="submit" class="btn btn-primary">Tapis</button>
+                        <a href="{{ route('pembiayaan.online.pc') }}" class="btn btn-secondary ml-2">Kembali Queue</a>
+                    </form>
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
+                    <h5 class="mb-0">Senarai Pembiayaan Online — PAID</h5>
+                    <button type="button" class="btn btn-success btn-sm mt-2 mt-md-0" id="btnMarkBlast" disabled>
+                        Sahkan Tally / Selesai
+                    </button>
+                </div>
+                <div class="card-body">
+                    <p class="small text-muted">
+                        Semak jumlah &amp; bukti bayaran sepadan dengan pelanggan. Setelah semak, tanda selesai.
+                        (WhatsApp/SMS blast boleh disambung kemudian — butang ini menanda rekod sebagai selesai semak.)
+                    </p>
+                    <form id="formMarkBlast" method="post" action="{{ route('pembiayaan.online.pc.blast') }}">
+                        @csrf
+                        <div class="table-responsive">
+                            <table class="table table-striped table-hover table-sm text-center" id="paidTable">
+                                <thead class="thead-dark">
+                                    <tr>
+                                        <th>
+                                            @if(($blastFilter ?? '0') !== '1')
+                                                <input type="checkbox" id="checkAll">
+                                            @endif
+                                        </th>
+                                        <th>Blast</th>
+                                        <th>SAG</th>
+                                        <th>Pelanggan</th>
+                                        <th>No KP</th>
+                                        <th>Bank</th>
+                                        <th>No Akaun</th>
+                                        <th>Pinjaman (RM)</th>
+                                        <th>Rujukan Bayaran</th>
+                                        <th>Tarikh Bayaran</th>
+                                        <th>Paid At</th>
+                                        <th>Bukti</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    @forelse($lines as $line)
+                                        @php $blasted = (int)($line['blast_sent'] ?? 0) === 1; @endphp
+                                        <tr class="{{ $blasted ? '' : 'table-warning' }}">
+                                            <td>
+                                                @if(!$blasted)
+                                                    <input type="checkbox" class="row-check" name="ids[]" value="{{ $line['id'] }}">
+                                                @else
+                                                    —
+                                                @endif
+                                            </td>
+                                            <td>
+                                                @if($blasted)
+                                                    <span class="badge badge-success">SELESAI</span>
+                                                @else
+                                                    <span class="badge badge-warning">BELUM</span>
+                                                @endif
+                                            </td>
+                                            <td>{{ $line['norujukan'] ?? '-' }}</td>
+                                            <td class="text-left">{{ $line['nama_pelanggan'] ?? '-' }}</td>
+                                            <td>{{ $line['nokp'] ?? '-' }}</td>
+                                            <td>{{ $line['nama_bank'] ?? $line['kodbank'] ?? '-' }}</td>
+                                            <td>{{ $line['noakaun'] ?? '-' }}</td>
+                                            <td class="text-right">{{ number_format((float)($line['pinjaman'] ?? 0), 2) }}</td>
+                                            <td>{{ $line['no_rujukan_bayaran'] ?? '-' }}</td>
+                                            <td>{{ $line['tarikh_bayaran'] ?? '-' }}</td>
+                                            <td class="small">{{ $line['paid_at'] ?? '-' }}</td>
+                                            <td>
+                                                @if(!empty($line['bukti_file_id']))
+                                                    <a class="btn btn-sm btn-info"
+                                                       href="{{ route('pembiayaan.online.pc.bukti', ['id' => $line['id']]) }}"
+                                                       target="_blank" rel="noopener">
+                                                        Lihat
+                                                    </a>
+                                                @else
+                                                    <span class="text-muted small">Tiada</span>
+                                                @endif
+                                            </td>
+                                        </tr>
+                                    @empty
+                                        <tr>
+                                            <td colspan="12">Tiada rekod PAID untuk tapisan ini.</td>
+                                        </tr>
+                                    @endforelse
+                                </tbody>
+                                @if(count($lines) > 0)
+                                    <tfoot>
+                                        <tr class="font-weight-bold">
+                                            <td colspan="7" class="text-right">Jumlah dipaparkan</td>
+                                            <td class="text-right">{{ number_format((float) $jumlah, 2) }}</td>
+                                            <td colspan="4"></td>
+                                        </tr>
+                                    </tfoot>
+                                @endif
+                            </table>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    function syncBlastButton() {
+        var n = $('.row-check:checked').length;
+        $('#btnMarkBlast').prop('disabled', n === 0);
+        $('#btnMarkBlast').text(n ? ('Sahkan Tally / Selesai (' + n + ')') : 'Sahkan Tally / Selesai');
+    }
+
+    $('#checkAll').on('change', function () {
+        $('.row-check').prop('checked', this.checked);
+        syncBlastButton();
+    });
+
+    $(document).on('change', '.row-check', syncBlastButton);
+
+    $('#btnMarkBlast').on('click', function () {
+        if ($('.row-check:checked').length === 0) return;
+        if (!confirm('Sahkan tally untuk rekod dipilih? Rekod akan ditanda selesai semak/blast.')) return;
+        $('#formMarkBlast').submit();
+    });
+</script>
+@endsection
diff --git a/resources/views/pembiayaan_online/pc/senarai.blade.php b/resources/views/pembiayaan_online/pc/senarai.blade.php
new file mode 100644
index 00000000..a26b4819
--- /dev/null
+++ b/resources/views/pembiayaan_online/pc/senarai.blade.php
@@ -0,0 +1,304 @@
+@extends('layouts.app')
+@section('content')
+<div class="container-fluid">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">Pembiayaan Online</li>
+                </ol>
+            </nav>
+
+            <div class="mb-3">
+                <a href="{{ route('pembiayaan.online.pc.paid') }}" class="btn btn-success">
+                    Tally PAID / Blast
+                </a>
+                <a href="{{ route('pembiayaan.online.pc.topup') }}" class="btn btn-warning">
+                    Had / Modal Online
+                </a>
+            </div>
+
+            @if(session()->has('message'))
+                <div class="alert alert-success">{{ session('message') }}</div>
+            @endif
+            @if(session()->has('error'))
+                <div class="alert alert-danger">{{ session('error') }}</div>
+            @endif
+
+            @php
+                $isMissing = !empty($modal['missing']);
+                $isClosed = (int)($modal['ditutup'] ?? 0) === 1;
+                $pendingReq = $modal['pending_request'] ?? null;
+                if (is_object($pendingReq)) {
+                    $pendingReq = json_decode(json_encode($pendingReq), true);
+                }
+            @endphp
+
+            @if($isClosed)
+                <div class="alert alert-dark">Modal online hari ini sudah ditutup (EOD).</div>
+            @elseif($isMissing)
+                <div class="alert alert-warning mb-3">
+                    Belum ada had modal online hari ini.
+                    @if($pendingReq)
+                        Permohonan RM {{ number_format((float)($pendingReq['amaun'] ?? 0), 2) }}
+                        daripada {{ $pendingReq['dimohon_oleh'] ?? '-' }} masih <b>PENDING</b>.
+                    @else
+                        Mohon had di
+                        <a href="{{ route('pembiayaan.online.pc.topup') }}">Had Modal Online</a>.
+                    @endif
+                </div>
+            @elseif($pendingReq)
+                <div class="alert alert-info mb-3">
+                    Permohonan tambah RM {{ number_format((float)($pendingReq['amaun'] ?? 0), 2) }}
+                    daripada {{ $pendingReq['dimohon_oleh'] ?? '-' }} menunggu kelulusan Operasi.
+                    <a href="{{ route('pembiayaan.online.pc.topup') }}">Semak</a>
+                </div>
+            @endif
+
+            <div class="row mb-3">
+                <div class="col-md-4">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Modal Online Hari Ini</div>
+                            <h4 class="mb-0">
+                                @if(!empty($modal['missing']))
+                                    Belum ada had
+                                @else
+                                    Baki RM {{ number_format((float)($modal['baki'] ?? 0), 2) }}
+                                @endif
+                            </h4>
+                            <small>
+                                @if(!empty($modal['missing']))
+                                    Tunggu kelulusan Operasi
+                                @else
+                                    Digunakan RM {{ number_format((float)($modal['digunakan'] ?? 0), 2) }}
+                                    / Had RM {{ number_format((float)($modal['had'] ?? 0) + (float)($modal['tambah'] ?? 0), 2) }}
+                                @endif
+                            </small>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Queue PC</div>
+                            <h4 class="mb-0">{{ count($lines) }} rekod</h4>
+                            <small>Jumlah RM {{ number_format((float)($queue['jumlah'] ?? 0), 2) }}</small>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-4">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Slot Cadangan</div>
+                            <h4 class="mb-0">{{ $slot['slot'] ?? '-' }}</h4>
+                            <small>{{ $slot['nota'] ?? '' }}</small>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="card mb-4">
+                <div class="card-header d-flex justify-content-between align-items-center">
+                    <h5 class="mb-0">Senarai Menunggu (PENDING / REJECTED)</h5>
+                    <button type="button" class="btn btn-primary" id="btnSubmitBatch" disabled>Hantar Batch ke Operasi</button>
+                </div>
+                <div class="card-body">
+                    <form id="formSubmitBatch" method="post" action="{{ route('pembiayaan.online.pc.submit') }}">
+                        @csrf
+                        <input type="hidden" name="slot" value="{{ $slot['slot'] ?? 'BATCH1' }}">
+                        <div class="table-responsive">
+                            <table class="table table-striped table-hover table-sm text-center" id="queueTable">
+                                <thead class="thead-dark">
+                                    <tr>
+                                        <th><input type="checkbox" id="checkAll"></th>
+                                        <th>Status</th>
+                                        <th>SAG</th>
+                                        <th>Pelanggan</th>
+                                        <th>No KP</th>
+                                        <th>Bank</th>
+                                        <th>No Akaun</th>
+                                        <th>Pinjaman (RM)</th>
+                                        <th>Sebab Tolak</th>
+                                        <th>Tindakan</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    @forelse($lines as $line)
+                                        <tr class="{{ ($line['status'] ?? '') === 'REJECTED_PC' ? 'table-warning' : '' }}">
+                                            <td>
+                                                <input type="checkbox" class="row-check" name="ids[]" value="{{ $line['id'] }}">
+                                            </td>
+                                            <td>
+                                                @if(($line['status'] ?? '') === 'REJECTED_PC')
+                                                    <span class="badge badge-danger">REJECTED</span>
+                                                @else
+                                                    <span class="badge badge-secondary">PENDING</span>
+                                                @endif
+                                            </td>
+                                            <td>{{ $line['norujukan'] ?? '-' }}</td>
+                                            <td class="text-left">{{ $line['nama_pelanggan'] ?? '-' }}</td>
+                                            <td>{{ $line['nokp'] ?? '-' }}</td>
+                                            <td>{{ $line['nama_bank'] ?? $line['kodbank'] ?? '-' }}</td>
+                                            <td>{{ $line['noakaun'] ?? '-' }}</td>
+                                            <td class="text-right">{{ number_format((float)($line['pinjaman'] ?? 0), 2) }}</td>
+                                            <td class="text-left small">{{ $line['reject_reason'] ?? '-' }}</td>
+                                            <td>
+                                                <button type="button" class="btn btn-sm btn-info btn-edit"
+                                                    data-id="{{ $line['id'] }}"
+                                                    data-kodbank="{{ $line['kodbank'] ?? '' }}"
+                                                    data-noakaun="{{ $line['noakaun'] ?? '' }}"
+                                                    data-namaakaun="{{ $line['nama_akaun'] ?? '' }}"
+                                                    data-namabank="{{ $line['nama_bank'] ?? '' }}"
+                                                    data-nota="{{ $line['nota'] ?? '' }}"
+                                                    data-norujukan="{{ $line['norujukan'] ?? '' }}">
+                                                    Edit
+                                                </button>
+                                            </td>
+                                        </tr>
+                                    @empty
+                                        <tr>
+                                            <td colspan="10">Tiada rekod dalam queue.</td>
+                                        </tr>
+                                    @endforelse
+                                </tbody>
+                            </table>
+                        </div>
+                    </form>
+                </div>
+            </div>
+
+            <div class="card">
+                <div class="card-header">
+                    <h5 class="mb-0">Sejarah Batch</h5>
+                </div>
+                <div class="card-body">
+                    <div class="table-responsive">
+                        <table class="table table-striped table-hover table-sm text-center">
+                            <thead class="thead-dark">
+                                <tr>
+                                    <th>Batch No</th>
+                                    <th>Tarikh</th>
+                                    <th>Slot</th>
+                                    <th>Bil</th>
+                                    <th>Jumlah (RM)</th>
+                                    <th>Status</th>
+                                    <th>Dihantar Oleh</th>
+                                    <th></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                @forelse($batches as $batch)
+                                    <tr>
+                                        <td>{{ $batch['batch_no'] ?? '-' }}</td>
+                                        <td>{{ $batch['tarikh'] ?? '-' }}</td>
+                                        <td>{{ $batch['slot'] ?? '-' }}</td>
+                                        <td>{{ $batch['bilangan'] ?? 0 }}</td>
+                                        <td class="text-right">{{ number_format((float)($batch['jumlah_keseluruhan'] ?? 0), 2) }}</td>
+                                        <td><span class="badge badge-info">{{ $batch['status'] ?? '-' }}</span></td>
+                                        <td>{{ $batch['pc_submitted_by'] ?? '-' }}</td>
+                                        <td>
+                                            <a class="btn btn-sm btn-secondary"
+                                               href="{{ route('pembiayaan.online.pc.batch', ['batchId' => $batch['id']]) }}">
+                                                Lihat
+                                            </a>
+                                        </td>
+                                    </tr>
+                                @empty
+                                    <tr>
+                                        <td colspan="8">Belum ada batch.</td>
+                                    </tr>
+                                @endforelse
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+{{-- Edit modal --}}
+<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-hidden="true">
+    <div class="modal-dialog" role="document">
+        <form method="post" id="editForm" action="">
+            @csrf
+            @method('PUT')
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title">Kemaskini Bank — <span id="editNorujukan"></span></h5>
+                    <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        <label>Bank</label>
+                        <select name="kodbank" id="editKodbank" class="form-control" required>
+                            <option value="">-- Pilih Bank --</option>
+                            @foreach($banks as $bank)
+                                <option value="{{ $bank['abbreviation'] }}" data-nama="{{ $bank['name'] }}">
+                                    {{ $bank['name'] }}
+                                </option>
+                            @endforeach
+                        </select>
+                        <input type="hidden" name="nama_bank" id="editNamabank">
+                    </div>
+                    <div class="form-group">
+                        <label>No. Akaun</label>
+                        <input type="text" name="noakaun" id="editNoakaun" class="form-control" required>
+                    </div>
+                    <div class="form-group">
+                        <label>Nama Akaun</label>
+                        <input type="text" name="nama_akaun" id="editNamaakaun" class="form-control">
+                    </div>
+                    <div class="form-group">
+                        <label>Nota</label>
+                        <textarea name="nota" id="editNota" class="form-control" rows="2"></textarea>
+                    </div>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
+                    <button type="submit" class="btn btn-primary">Simpan</button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+<script>
+    function syncSubmitButton() {
+        var n = $('.row-check:checked').length;
+        $('#btnSubmitBatch').prop('disabled', n === 0);
+        $('#btnSubmitBatch').text(n ? ('Hantar Batch ke Operasi (' + n + ')') : 'Hantar Batch ke Operasi');
+    }
+
+    $('#checkAll').on('change', function () {
+        $('.row-check').prop('checked', this.checked);
+        syncSubmitButton();
+    });
+
+    $(document).on('change', '.row-check', syncSubmitButton);
+
+    $('#btnSubmitBatch').on('click', function () {
+        if ($('.row-check:checked').length === 0) return;
+        if (!confirm('Hantar rekod dipilih ke Operasi?')) return;
+        $('#formSubmitBatch').submit();
+    });
+
+    $('.btn-edit').on('click', function () {
+        var id = $(this).data('id');
+        $('#editForm').attr('action', "{{ url('/pembiayaan-online/pc/lines') }}/" + id);
+        $('#editNorujukan').text($(this).data('norujukan'));
+        $('#editKodbank').val($(this).data('kodbank'));
+        $('#editNoakaun').val($(this).data('noakaun'));
+        $('#editNamaakaun').val($(this).data('namaakaun'));
+        $('#editNamabank').val($(this).data('namabank'));
+        $('#editNota').val($(this).data('nota'));
+        $('#editModal').modal('show');
+    });
+
+    $('#editKodbank').on('change', function () {
+        $('#editNamabank').val($('#editKodbank option:selected').data('nama') || '');
+    });
+</script>
+@endsection
diff --git a/resources/views/pembiayaan_online/pc/topup.blade.php b/resources/views/pembiayaan_online/pc/topup.blade.php
new file mode 100644
index 00000000..18a5fec9
--- /dev/null
+++ b/resources/views/pembiayaan_online/pc/topup.blade.php
@@ -0,0 +1,215 @@
+@extends('layouts.app')
+@section('content')
+@php
+    $isClosed = (int)($modal['ditutup'] ?? 0) === 1;
+    $isMissing = !empty($isMissing) || !empty($modal['missing']);
+    $pendingRequest = $pendingRequest ?? ($modal['pending_request'] ?? null);
+@endphp
+<div class="container-fluid">
+    <div class="row justify-content-center">
+        <div class="col-md-12">
+            <nav aria-label="breadcrumb">
+                <ol class="breadcrumb pb-3">
+                    <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
+                    <li class="breadcrumb-item"><a href="{{ route('pembiayaan.online.pc') }}">Pembiayaan Online</a></li>
+                    <li class="breadcrumb-item active" aria-current="page">Had Modal Online</li>
+                </ol>
+            </nav>
+
+            @if(session()->has('message'))
+                <div class="alert alert-success">{{ session('message') }}</div>
+            @endif
+            @if(session()->has('error'))
+                <div class="alert alert-danger">{{ session('error') }}</div>
+            @endif
+
+            @if($isClosed)
+                <div class="alert alert-dark">
+                    Modal online hari ini <b>sudah ditutup (EOD)</b>
+                    oleh {{ $modal['ditutup_oleh'] ?? '-' }}
+                    pada {{ $modal['ditutup_at'] ?? '-' }}.
+                    Esok PC perlu mohon had baru daripada Operasi.
+                </div>
+            @elseif($isMissing)
+                <div class="alert alert-warning">
+                    Belum ada had modal online hari ini.
+                    Mohon amaun di bawah. Operasi akan luluskan permohonan.
+                </div>
+            @endif
+
+            @if($hasPending && $pendingRequest)
+                <div class="alert alert-info">
+                    Permohonan PENDING RM {{ number_format((float)($pendingRequest['amaun'] ?? 0), 2) }}
+                    daripada {{ $pendingRequest['dimohon_oleh'] ?? '-' }}.
+                    Menunggu kelulusan Operasi.
+                </div>
+            @endif
+
+            <div class="row mb-3">
+                <div class="col-md-3">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Baki Hari Ini</div>
+                            <h4 class="mb-0">
+                                @if($isMissing)
+                                    —
+                                @else
+                                    RM {{ number_format((float)($modal['baki'] ?? 0), 2) }}
+                                @endif
+                            </h4>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-3">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Had Asas</div>
+                            <h4 class="mb-0">
+                                @if($isMissing)
+                                    —
+                                @else
+                                    RM {{ number_format((float)($modal['had'] ?? 0), 2) }}
+                                @endif
+                            </h4>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-3">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Tambah Diluluskan</div>
+                            <h4 class="mb-0">RM {{ number_format((float)($modal['tambah'] ?? 0), 2) }}</h4>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-md-3">
+                    <div class="card">
+                        <div class="card-body text-center">
+                            <div class="text-muted">Digunakan</div>
+                            <h4 class="mb-0">RM {{ number_format((float)($modal['digunakan'] ?? 0), 2) }}</h4>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="row">
+                <div class="col-md-5 mb-3">
+                    <div class="card mb-3">
+                        <div class="card-header">
+                            <h5 class="mb-0">{{ $isMissing ? 'Mohon Had Modal Online' : 'Mohon Tambah Modal Online' }}</h5>
+                        </div>
+                        <div class="card-body">
+                            @if($isClosed)
+                                <div class="alert alert-secondary mb-0">
+                                    Tidak boleh mohon selepas EOD.
+                                </div>
+                            @else
+                                @if($hasPending)
+                                    <div class="alert alert-warning">
+                                        Masih ada permohonan <b>PENDING</b>. Tunggu kelulusan Operasi sebelum mohon lagi.
+                                    </div>
+                                @endif
+                                <form method="post" action="{{ route('pembiayaan.online.pc.topup.request') }}">
+                                    @csrf
+                                    <div class="form-group">
+                                        <label>Amaun (RM) <span class="text-danger">*</span></label>
+                                        <input type="number" name="amaun" class="form-control" min="1" step="0.01"
+                                               value="{{ old('amaun') }}" required {{ $hasPending ? 'disabled' : '' }}>
+                                    </div>
+                                    <div class="form-group">
+                                        <label>Nota</label>
+                                        <textarea name="nota" class="form-control" rows="3"
+                                                  placeholder="{{ $isMissing ? 'Contoh: Had awal hari ini' : 'Contoh: Modal online hampir habis' }}"
+                                                  {{ $hasPending ? 'disabled' : '' }}>{{ old('nota') }}</textarea>
+                                    </div>
+                                    <button type="submit" class="btn btn-primary" {{ $hasPending ? 'disabled' : '' }}>
+                                        Hantar Permohonan
+                                    </button>
+                                    <a href="{{ route('pembiayaan.online.pc') }}" class="btn btn-secondary">Kembali</a>
+                                </form>
+                            @endif
+                        </div>
+                    </div>
+
+                    <div class="card">
+                        <div class="card-header">
+                            <h5 class="mb-0">Tutup Modal Online (EOD)</h5>
+                        </div>
+                        <div class="card-body">
+                            <p class="small text-muted">
+                                Tutup hari ini: baki yang tidak digunakan akan dikembalikan,
+                                dan tiada lagi gadai online / permohonan untuk hari ini.
+                                Esok mohon had baru daripada Operasi.
+                            </p>
+                            @if($isClosed)
+                                <button type="button" class="btn btn-dark" disabled>Sudah Ditutup</button>
+                            @elseif($isMissing)
+                                <button type="button" class="btn btn-dark" disabled>Tiada rekod untuk ditutup</button>
+                            @else
+                                <form method="post" action="{{ route('pembiayaan.online.pc.topup.close') }}"
+                                      onsubmit="return confirm('Tutup modal online hari ini? Baki RM {{ number_format((float)($modal['baki'] ?? 0), 2) }} akan dikembalikan.');">
+                                    @csrf
+                                    <button type="submit" class="btn btn-dark">Tutup Modal Online Hari Ini</button>
+                                </form>
+                            @endif
+                        </div>
+                    </div>
+                </div>
+
+                <div class="col-md-7 mb-3">
+                    <div class="card">
+                        <div class="card-header d-flex justify-content-between align-items-center flex-wrap">
+                            <h5 class="mb-0">Permohonan PC</h5>
+                            <form method="get" class="form-inline mt-2 mt-md-0">
+                                <select name="status" class="form-control form-control-sm mr-2" onchange="this.form.submit()">
+                                    <option value="all" {{ ($status ?? '') === 'all' || ($status ?? '') === '' ? 'selected' : '' }}>Semua</option>
+                                    <option value="PENDING" {{ ($status ?? '') === 'PENDING' ? 'selected' : '' }}>PENDING</option>
+                                    <option value="APPROVED" {{ ($status ?? '') === 'APPROVED' ? 'selected' : '' }}>APPROVED</option>
+                                    <option value="REJECTED" {{ ($status ?? '') === 'REJECTED' ? 'selected' : '' }}>REJECTED</option>
+                                </select>
+                            </form>
+                        </div>
+                        <div class="card-body table-responsive">
+                            <table class="table table-striped table-sm text-center">
+                                <thead class="thead-dark">
+                                    <tr>
+                                        <th>Tarikh</th>
+                                        <th>Amaun (RM)</th>
+                                        <th>Status</th>
+                                        <th>Dimohon Oleh</th>
+                                        <th>Diluluskan Oleh</th>
+                                        <th>Nota</th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    @forelse($requests as $req)
+                                        @php
+                                            $st = $req['status'] ?? '';
+                                            $badge = 'badge-secondary';
+                                            if ($st === 'PENDING') $badge = 'badge-warning';
+                                            elseif ($st === 'APPROVED') $badge = 'badge-success';
+                                            elseif ($st === 'REJECTED') $badge = 'badge-danger';
+                                        @endphp
+                                        <tr>
+                                            <td>{{ $req['tarikh'] ?? '-' }}</td>
+                                            <td class="text-right">{{ number_format((float)($req['amaun'] ?? 0), 2) }}</td>
+                                            <td><span class="badge {{ $badge }}">{{ $st ?: '-' }}</span></td>
+                                            <td>{{ $req['dimohon_oleh'] ?? '-' }}</td>
+                                            <td>{{ $req['diluluskan_oleh'] ?? '-' }}</td>
+                                            <td class="text-left small">{{ $req['nota'] ?? '-' }}</td>
+                                        </tr>
+                                    @empty
+                                        <tr>
+                                            <td colspan="6">Belum ada permohonan.</td>
+                                        </tr>
+                                    @endforelse
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+@endsection
diff --git a/resources/views/penebusan/v1/index-khazanah.blade.php b/resources/views/penebusan/v1/index-khazanah.blade.php
index 6d441b7f..a15206bf 100644
--- a/resources/views/penebusan/v1/index-khazanah.blade.php
+++ b/resources/views/penebusan/v1/index-khazanah.blade.php
@@ -340,7 +340,7 @@
         "ordering": false
     });
 
-    var api = '<?php echo $api_url ?>';
+    var api = "{{ api_url_for_browser() }}";
     let nw = 0;
 
     $('input[type="checkbox"]').hide();
diff --git a/resources/views/penebusan/v1/index.blade.php b/resources/views/penebusan/v1/index.blade.php
index 12e7ad3c..a43f13de 100644
--- a/resources/views/penebusan/v1/index.blade.php
+++ b/resources/views/penebusan/v1/index.blade.php
@@ -371,7 +371,7 @@
         "ordering": false
     });
 
-    var api = '<?php echo $api_url ?>';
+    var api = "{{ api_url_for_browser() }}";
     let nw = 0;
 
     $('input[type="checkbox"]').hide();
diff --git a/resources/views/penebusan/v2/index-khazanah.blade.php b/resources/views/penebusan/v2/index-khazanah.blade.php
index a99406b4..54a367fa 100644
--- a/resources/views/penebusan/v2/index-khazanah.blade.php
+++ b/resources/views/penebusan/v2/index-khazanah.blade.php
@@ -470,7 +470,7 @@
         "ordering": false
     });
 
-    var api = '<?php echo $api_url ?>';
+    var api = "{{ api_url_for_browser() }}";
     let nw = 0;
     let jenisAT = 'none';
 
diff --git a/resources/views/penebusan/v2/index.blade-backup.php b/resources/views/penebusan/v2/index.blade-backup.php
index 3522f503..e4fb41c2 100644
--- a/resources/views/penebusan/v2/index.blade-backup.php
+++ b/resources/views/penebusan/v2/index.blade-backup.php
@@ -652,7 +652,7 @@
         "ordering": false
     });
 
-    var api = '<?php echo $api_url ?>';
+    var api = "{{ api_url_for_browser() }}";
     let nw = 0;
     let jenisAT = 'none';
 
diff --git a/resources/views/penebusan/v2/index.blade.php b/resources/views/penebusan/v2/index.blade.php
index c3d88f26..77daaa21 100644
--- a/resources/views/penebusan/v2/index.blade.php
+++ b/resources/views/penebusan/v2/index.blade.php
@@ -1130,7 +1130,7 @@
 
 
     let pertambahpinjaman = "{{ $pertambahpinjaman }}";
-    var api = '<?php echo $api_url ?>';
+    var api = "{{ api_url_for_browser() }}";
     let nw = 0;
     let jenisAT = 'none';
 
@@ -1813,7 +1813,7 @@
         });
         
         try {
-            const pampasanListResponse = await fetch(`{{ config('api.url') }}/api/palsu/laporan?${params}`, {
+            const pampasanListResponse = await fetch(`{{ api_url_for_browser() }}/api/palsu/laporan?${params}`, {
                 method: 'GET',
                 headers: {
                     'Content-Type': 'application/json',
diff --git a/routes/web.php b/routes/web.php
index 020f7660..e16df247 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -81,6 +81,12 @@ Route::get('login', 'Auth\LoginController@login')->name('login');
 Route::post('login', 'Auth\LoginController@authenticate');
 // Route::get('logout', 'Auth\LoginController@logout')->name('logout');
 
+// Impersonation (lab404/laravel-impersonate)
+Route::post('/impersonate/leave', ['as' => 'impersonate.leave', 'uses' => 'Auth\ImpersonateController@leave'])->middleware('auth');
+Route::post('/impersonate/{id}', ['as' => 'impersonate.start', 'uses' => 'Auth\ImpersonateController@impersonate'])
+    ->where('id', '[0-9]+')
+    ->middleware('auth');
+
 Route::get('/', 'HomeController@index')->name('home');
 Route::get('/home', 'HomeController@index')->name('home');
 
@@ -166,6 +172,33 @@ Route::post('/khazanah/pendahuluanserahanHQ',['as'=>'khazanah.pendahuluanserahan
 Route::get('/penebusankhazanah/{norujukan}',['as'=>'penebusan.khazanah','uses' => 'PenebusanController@PenebusanKhazanah'])->middleware('auth','khazanah');
 Route::get('/lelongankhazanah/{norujukan}',['as'=>'lelongan.khazanah','uses' => 'KhazanahController@lelongan'])->middleware('auth','khazanah');
 Route::get('/permohonan',['as'=>'permohonan.index','uses' => 'KhazanahController@PaparanPermohonan'])->middleware('auth','khazanah');
+
+// Pembiayaan Online — PC
+Route::get('/pembiayaan-online/pc',['as'=>'pembiayaan.online.pc','uses'=>'PembiayaanOnlineController@index'])->middleware('auth','khazanah');
+Route::put('/pembiayaan-online/pc/lines/{id}',['as'=>'pembiayaan.online.pc.update','uses'=>'PembiayaanOnlineController@updateLine'])->middleware('auth','khazanah');
+Route::post('/pembiayaan-online/pc/batches/submit',['as'=>'pembiayaan.online.pc.submit','uses'=>'PembiayaanOnlineController@submitBatch'])->middleware('auth','khazanah');
+Route::get('/pembiayaan-online/pc/batches/{batchId}',['as'=>'pembiayaan.online.pc.batch','uses'=>'PembiayaanOnlineController@showBatch'])->middleware('auth','khazanah');
+Route::get('/pembiayaan-online/pc/paid',['as'=>'pembiayaan.online.pc.paid','uses'=>'PembiayaanOnlineController@paidIndex'])->middleware('auth','khazanah');
+Route::get('/pembiayaan-online/pc/lines/{id}/bukti',['as'=>'pembiayaan.online.pc.bukti','uses'=>'PembiayaanOnlineController@viewBukti'])->middleware('auth','khazanah');
+Route::post('/pembiayaan-online/pc/paid/blast',['as'=>'pembiayaan.online.pc.blast','uses'=>'PembiayaanOnlineController@markBlast'])->middleware('auth','khazanah');
+Route::get('/pembiayaan-online/pc/topup',['as'=>'pembiayaan.online.pc.topup','uses'=>'PembiayaanOnlineController@topupIndex'])->middleware('auth','khazanah');
+Route::post('/pembiayaan-online/pc/topup',['as'=>'pembiayaan.online.pc.topup.request','uses'=>'PembiayaanOnlineController@topupRequest'])->middleware('auth','khazanah');
+Route::post('/pembiayaan-online/pc/topup/close',['as'=>'pembiayaan.online.pc.topup.close','uses'=>'PembiayaanOnlineController@closeModal'])->middleware('auth','khazanah');
+
+// Pembiayaan Online — Operasi
+Route::get('/pembiayaan-online/operasi',['as'=>'pembiayaan.online.operasi','uses'=>'PembiayaanOnlineController@operasiIndex'])->middleware('auth','operasi');
+Route::get('/pembiayaan-online/operasi/topup',['as'=>'pembiayaan.online.operasi.topup','uses'=>'PembiayaanOnlineController@operasiTopupIndex'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/topup/{id}/approve',['as'=>'pembiayaan.online.operasi.topup.approve','uses'=>'PembiayaanOnlineController@operasiTopupApprove'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/topup/{id}/reject',['as'=>'pembiayaan.online.operasi.topup.reject','uses'=>'PembiayaanOnlineController@operasiTopupReject'])->middleware('auth','operasi');
+Route::get('/pembiayaan-online/operasi/eod',['as'=>'pembiayaan.online.operasi.eod','uses'=>'PembiayaanOnlineController@operasiEodIndex'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/eod/close-all',['as'=>'pembiayaan.online.operasi.eod.closeall','uses'=>'PembiayaanOnlineController@operasiCloseAllModal'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/eod/{kodcaw}/close',['as'=>'pembiayaan.online.operasi.eod.close','uses'=>'PembiayaanOnlineController@operasiCloseModal'])->middleware('auth','operasi');
+Route::get('/pembiayaan-online/operasi/{kodcaw}/batches/{batchId}',['as'=>'pembiayaan.online.operasi.batch','uses'=>'PembiayaanOnlineController@operasiShowBatch'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/{kodcaw}/lines/{id}/approve',['as'=>'pembiayaan.online.operasi.approve','uses'=>'PembiayaanOnlineController@operasiApproveLine'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/{kodcaw}/lines/{id}/reject',['as'=>'pembiayaan.online.operasi.reject','uses'=>'PembiayaanOnlineController@operasiRejectLine'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/{kodcaw}/batches/{batchId}/approve',['as'=>'pembiayaan.online.operasi.approve.batch','uses'=>'PembiayaanOnlineController@operasiApproveBatch'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/{kodcaw}/lines/{id}/paid',['as'=>'pembiayaan.online.operasi.paid','uses'=>'PembiayaanOnlineController@operasiMarkPaid'])->middleware('auth','operasi');
+Route::post('/pembiayaan-online/operasi/{kodcaw}/batches/{batchId}/paid',['as'=>'pembiayaan.online.operasi.paid.batch','uses'=>'PembiayaanOnlineController@operasiMarkPaidBatch'])->middleware('auth','operasi');
 Route::get('/permohonan/rekod',['as'=>'permohonan.rekod','uses' => 'KhazanahController@RekodPermohonan'])->middleware('auth','khazanah');
 Route::post('/permohonan/simpan',['as'=>'permohonan.simpan','uses' => 'KhazanahController@SimpanPermohonan'])->middleware('auth','khazanah');
 Route::get('/permohonan/status/{mohonid}',['as'=>'permohonan.status','uses' => 'KhazanahController@StatusPermohonan'])->middleware('auth','khazanah');
@@ -350,6 +383,8 @@ Route::post('/barcodescanned',['as'=>'barcode.scanned','uses'=>'KhazanahControll
 Route::get('/operasi/kelulusan','OperasiController@kelulusan')->name('operasi.kelulusan')->middleware('auth','operasi');
 Route::get('/operasi/kelulusan/anggota','OperasiController@kelulusanAnggota')->name('operasi.kelulusananggota')->middleware('auth','operasi');
 Route::post('/operasi/createkelulusan',['as'=>'operasi.createkelulusan','uses'=>'OperasiController@createkelulusan'])->middleware('auth','teller');
+Route::post('/operasi/createkelulusan-by-khazanah',['as'=>'operasi.createkelulusan-by-khazanah','uses'=>'OperasiController@createkelulusanByKhazanah'])->middleware('auth','khazanah');
+Route::post('/operasi/createkelulusan-anggota',['as'=>'operasi.createkelulusan-anggota','uses'=>'OperasiController@createkelulusanAnggota'])->middleware('auth','teller');
 Route::get('/operasi/getkelulusan',['as'=>'operasi.getkelulusan','uses'=>'OperasiController@getkelulusan'])->middleware('auth','teller');
 Route::put('/operasi/updatekelulusan',['as'=>'operasi.updatekelulusan','uses'=>'OperasiController@updatekelulusan'])->middleware('auth','operasi');
 Route::put('/operasi/updatekelulusananggota',['as'=>'operasi.updatekelulusananggota','uses'=>'OperasiController@updatekelulusananggota'])->middleware('auth','operasi');