From f6110b66514c98e24108fb5645652530a1df8206 Mon Sep 17 00:00:00 2001
From: ISMAIL MASSERAN <topaz@ISMAILs-Macbook.local>
Date: Wed, 9 Sep 2026 10:27:48 +0800
Subject: [PATCH] DONE: auto add ic photo for existing customer

---
 app/Http/Controllers/CustomersController.php  | 23 ++++++++
 public/js/mykad-reader-customer.js            | 56 ++++++++++++++++++-
 .../views/components/print/header.blade.php   | 13 +++--
 resources/views/customers/v1/index.blade.php  |  3 +-
 resources/views/customers/v2/index.blade.php  |  3 +-
 routes/web.php                                |  1 +
 6 files changed, 91 insertions(+), 8 deletions(-)

diff --git a/app/Http/Controllers/CustomersController.php b/app/Http/Controllers/CustomersController.php
index 518115cc..2913fdbc 100644
--- a/app/Http/Controllers/CustomersController.php
+++ b/app/Http/Controllers/CustomersController.php
@@ -289,6 +289,29 @@ class CustomersController extends Controller
             return response(["no-data"], 200);
     }
 
+    /**
+     * Store MyKad photo for an existing customer when gambar_mykad is still empty.
+     */
+    public function storeMykadPhotoIfMissing(Request $request)
+    {
+        $icno = preg_replace('/[^0-9A-Za-z]/', '', (string) $request->input('icno'));
+        if ($icno === '') {
+            return response()->json(['error' => 'IC number is required.', 'stored' => false], 422);
+        }
+
+        if (!$request->filled('photo_base64')) {
+            return response()->json(['error' => 'Photo is required.', 'stored' => false], 422);
+        }
+
+        $response = Http::withOptions(['verify' => config('app.api_verify')])
+            ->post(config('api.url') . '/api/customers/' . $icno . '/mykad-photo', [
+                'photo_base64' => $request->input('photo_base64'),
+                'photo_mime' => $request->input('photo_mime') ?: 'image/jpeg',
+            ]);
+
+        return response()->json($response->json() ?? ['stored' => false], $response->status());
+    }
+
     /**
      * Show the form for creating a new resource.
      *
diff --git a/public/js/mykad-reader-customer.js b/public/js/mykad-reader-customer.js
index f07a8560..dce93c83 100644
--- a/public/js/mykad-reader-customer.js
+++ b/public/js/mykad-reader-customer.js
@@ -234,15 +234,69 @@ async function handleMyKadReader() {
     }
 }
 
+function customerNeedsMykadPhoto(customer) {
+    if (!customer || typeof customer !== 'object') {
+        return false;
+    }
+
+    return !customer.gambar_mykad && !customer.photo_base64;
+}
+
+async function storeMykadPhotoForExistingCustomerIfMissing(customer, readerData) {
+    if (!customerNeedsMykadPhoto(customer)) {
+        return;
+    }
+
+    if (!readerData || !readerData.has_photo || !readerData.photo_base64) {
+        return;
+    }
+
+    if (typeof store_mykad_photo_endpoint === 'undefined' || !store_mykad_photo_endpoint) {
+        return;
+    }
+
+    const csrfToken = document.querySelector('input[name="_token"]');
+    const nric = getMyKadNumberWithoutHyphens(
+        customer.kpbaru || customer.kplama || readerData.nric || ''
+    );
+
+    if (!nric) {
+        return;
+    }
+
+    try {
+        await fetch(store_mykad_photo_endpoint, {
+            method: 'POST',
+            headers: {
+                'Accept': 'application/json',
+                'Content-Type': 'application/json',
+                'X-Requested-With': 'XMLHttpRequest',
+                'X-CSRF-TOKEN': csrfToken ? csrfToken.value : '',
+            },
+            credentials: 'same-origin',
+            body: JSON.stringify({
+                icno: nric,
+                photo_base64: readerData.photo_base64,
+                photo_mime: readerData.photo_mime || 'image/jpeg',
+            }),
+        });
+    } catch (error) {
+        // Do not block customer search if photo backfill fails.
+        console.warn('Failed to store MyKad photo for existing customer', error);
+    }
+}
+
 function handleMyKadData(data) {
     return checkIfMyKadExists(data.nric)
-        .then(response => {
+        .then(async response => {
             let isResponseArray = Array.isArray(response);
             let resolved_response = isResponseArray ? response.pop() : response;
 
             if (!resolved_response || resolved_response === 'no-data') {
                 populateDaftarPelangganModal(data);
             } else {
+                await storeMykadPhotoForExistingCustomerIfMissing(resolved_response, data);
+
                 let input_search_noic = document.querySelector("form[name='frmsearch'] input[name='noic']");
                 let form_search_noic = document.querySelector("form[name='frmsearch']");
 
diff --git a/resources/views/components/print/header.blade.php b/resources/views/components/print/header.blade.php
index cd65e30a..52507e38 100644
--- a/resources/views/components/print/header.blade.php
+++ b/resources/views/components/print/header.blade.php
@@ -13,9 +13,9 @@
 <style>
     .print-header {
         display: grid;
-        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
+        grid-template-columns: minmax(0, 1.75fr) auto minmax(0, 1fr);
         align-items: start;
-        column-gap: 12px;
+        column-gap: 10px;
         border-bottom: 2px solid #111;
         padding-bottom: 8px;
         font-family: Arial, Helvetica, sans-serif;
@@ -30,9 +30,12 @@
         line-height: 1.35;
     }
     .print-header .org .name {
-        font-size: 11px;
+        font-size: 10px;
         font-weight: bold;
     }
+    .print-header .org .name .reg {
+        white-space: nowrap;
+    }
     .print-header .logos {
         display: flex;
         align-items: center;
@@ -70,8 +73,8 @@
 
 <div {{ $attributes->merge(['class' => 'print-header']) }}>
     <div class="org">
-        <p class="name">KOPERASI PERMODALAN KELANTAN BERHAD (D-5-0228)</p>
-        <p>Ar-Rahn {{ $cawangan }}</p>
+        <p class="name">KOPERASI PERMODALAN KELANTAN BERHAD <span class="reg">(D-5-0228)</span></p>
+        <p>{{ $cawangan }}</p>
         <p>{{ $alamat1 }}</p>
         <p>{{ $alamat2 }}</p>
         <p>Tel: {{ $notel }}</p>
diff --git a/resources/views/customers/v1/index.blade.php b/resources/views/customers/v1/index.blade.php
index a2fc5dae..54eca7af 100644
--- a/resources/views/customers/v1/index.blade.php
+++ b/resources/views/customers/v1/index.blade.php
@@ -1279,9 +1279,10 @@
     // mycard-read endpoint initialization
     let mykad_reader_endpoint = "{{ config('mykad-reader.endpoint') }}";
     let wakil_caricustomer_endpoint = "{{ route('wakil.caricustomer') }}";
+    let store_mykad_photo_endpoint = "{{ route('customer.storeMykadPhoto') }}";
     let mykad_reader_driver_endpoint = "{{ route('mykadreader.driver') }}";
 </script>
-<script src="{{ asset('js/mykad-reader-customer.js') }}?v=4"></script>
+<script src="{{ asset('js/mykad-reader-customer.js') }}?v=5"></script>
 <script src="{{ asset('js/postcode-concerns.js') }}"></script>
 @endpush
 
diff --git a/resources/views/customers/v2/index.blade.php b/resources/views/customers/v2/index.blade.php
index 0c5c1720..98f531b6 100644
--- a/resources/views/customers/v2/index.blade.php
+++ b/resources/views/customers/v2/index.blade.php
@@ -1417,9 +1417,10 @@ document.getElementsByName('form-store')[0].addEventListener('keypress', functio
     // mycard-read endpoint initialization
     let mykad_reader_endpoint = "{{ config('mykad-reader.endpoint') }}";
     let wakil_caricustomer_endpoint = "{{ route('wakil.caricustomer') }}";
+    let store_mykad_photo_endpoint = "{{ route('customer.storeMykadPhoto') }}";
     let mykad_reader_driver_endpoint = "{{ route('mykadreader.driver') }}";
 </script>
-<script src="{{ asset('js/mykad-reader-customer.js') }}?v=4"></script>
+<script src="{{ asset('js/mykad-reader-customer.js') }}?v=5"></script>
 <script src="{{ asset('js/postcode-concerns.js') }}"></script>
 @endpush
 
diff --git a/routes/web.php b/routes/web.php
index fcbb0d6a..83bd92f5 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -133,6 +133,7 @@ Route::get('/gadai/batal',['as'=>'gadai.batal','uses'=>'GadaianController@batal'
 Route::get('/customer/otp',['as'=>'customer.otp','uses'=>'CustomersController@getOTP'])->middleware('auth','teller');
 Route::get('/getwakil',['as'=>'wakil.search','uses'=>'PenebusanController@getWakil'])->middleware('auth','teller');
 Route::get('/cari',['as'=>'wakil.caricustomer','uses'=>'CustomersController@cari'])->middleware('auth','teller');
+Route::post('/customer/mykad-photo',['as'=>'customer.storeMykadPhoto','uses'=>'CustomersController@storeMykadPhotoIfMissing'])->middleware('auth','teller');
 Route::post('/createwakil',['as'=>'wakil.create','uses'=>'PenebusanController@createWakil'])->middleware('auth','teller');
 Route::get('/firstwakil',['as'=>'wakil.first','uses'=>'PenebusanController@getfirstWakil'])->middleware('auth','teller');
 Route::get('/history',['as'=>'gadai.history','uses'=>'GadaianController@history'])->middleware('auth','teller');