Improve MyKad scan speed

Load mykad textual information first, before loading the mykad photo

resources/views/customers/index.blade.php

@@ -63,7 +63,7 @@
                                 @csrf
                                 <div class="row form-group">
                                     <div class="col-md-12 d-flex justify-content-center pb-3 d-none" id="photo-mykad-container">
-                                        <img src="" alt="" id="photo-mykad">
+                                        <img src="{{ asset('img/spinner-loader.gif') }}" alt="" id="photo-mykad" width="150" height="200" object-fit="cover">
                                     </div>
                                     <div class="col-md-6">
                                         <div class="row form-group">
@@ -452,6 +452,17 @@
     });
 
     function verifycustomer(){
+
+
+        // Construct URLSearchParams object instance from current URL querystring.
+        var queryParams = new URLSearchParams(window.location.search);
+        
+        let updated_icno = document.querySelector('#daftar_pelanggan input[name="noic"]').value
+
+        queryParams.set("noic", updated_icno);
+
+        history.replaceState(null, null, "?"+queryParams.toString());
+
         $("#terima_ic").prop('disabled', true);
         var customername = $('#name').val();
         var customeralamat = $('#alamat').val();
@@ -846,6 +857,7 @@
     var regex = /^[a-zA-Z0-9]+$/g;
 
     function verifynokp(){
+
         var id_type = $('#customerIDType').val();
         var nokp = $('#noic').val();
         if(id_type=='nokp'){
@@ -896,6 +908,7 @@
         //        return false;
         //    }
         }
+
     }
 </script>