diff --git a/public_html/doc/customer_detail.php b/public_html/doc/customer_detail.php
index 25e2183..6450115 100644
--- a/public_html/doc/customer_detail.php
+++ b/public_html/doc/customer_detail.php
@@ -1942,6 +1942,7 @@ document.addEventListener("DOMContentLoaded", function () {
 
     const typeSelect = document.querySelector("select[name='i_type']");
     const fileInput = document.getElementById("uploadFileInput");
+    if (!typeSelect || !fileInput) return;
     const previewImg = document.getElementById("imgPreview");
     const previewContainer = document.getElementById("previewContainer");
 
@@ -2510,18 +2511,21 @@ $(document).ready(function(){
         /**
    * Request type on click
    */
-   on('show.bs.modal', '#request-modal', function(event) {
-      select('#request-modal #request-type').value = event.relatedTarget.getAttribute('data-request-type')
-    })
+    $('#request-modal').on('show.bs.modal', function(event) {
+      const type = $(event.relatedTarget).data('request-type');
+      $('#request-modal #request-type').val(type);
+    });
 
 
-    on('show.bs.modal', '#add-note-modal', function(event) {
-      select('#add-note-modal #add-note-type').value = event.relatedTarget.getAttribute('data-add-note-type')
+    $('#add-note-modal').on('show.bs.modal', function (event) {
+      const type = $(event.relatedTarget).data('add-note-type');
+      $('#add-note-modal #add-note-type').val(type);
     })
 
     
-    on('show.bs.modal', '#input-pickup-modal', function(event) {
-      select('#input-pickup-modal #input-pickup-type').value = event.relatedTarget.getAttribute('data-input-pickup-type')
+    $('#input-pickup-modal').on('show.bs.modal', function (event) {
+      const type = $(event.relatedTarget).data('input-pickup-type');
+      $('#input-pickup-modal #input-pickup-type').val(type);
     })
   
   </script>