From 84e547ec4bdb1ba35d42f18d31359fc99a789760 Mon Sep 17 00:00:00 2001
From: dhanabalan <dhana@example.com>
Date: Tue, 17 Feb 2026 09:43:53 +0530
Subject: [PATCH] Updated capacitor focus logic

---
 .../livewire/serial-validation-data.blade.php | 39 ++++++++++++++-----
 1 file changed, 29 insertions(+), 10 deletions(-)

diff --git a/resources/views/livewire/serial-validation-data.blade.php b/resources/views/livewire/serial-validation-data.blade.php
index dd26243..9be0f81 100644
--- a/resources/views/livewire/serial-validation-data.blade.php
+++ b/resources/views/livewire/serial-validation-data.blade.php
@@ -39,7 +39,7 @@
     {{-- Modal for empty invoice--}}
     @if ($emptyInvoice)
         <div class="text-center text-red-500">
-            <p>No data found for invoice number <strong>{{ $invoiceNumber }}</strong>.</p>
+            <p>No data found for the invoice number <strong>{{ $invoiceNumber }}</strong>.</p>
         </div>
     @endif
 
@@ -84,7 +84,7 @@
                     @empty
                         <tr>
                             <td colspan="12" class="text-center py-4 text-gray-500">
-                                No data found for invoice number <strong>{{ $invoiceNumber }}</strong>.
+                                No data found for the invoice number <strong>{{ $invoiceNumber }}</strong>.
                             </td>
                         </tr>
                     @endforelse
@@ -164,7 +164,7 @@
                     @empty
                         <tr>
                             <td colspan="10" class="text-center py-4 text-gray-500">
-                                No data found for invoice number <strong>{{ $invoiceNumber }}</strong>.
+                                No data found for the invoice number <strong>{{ $invoiceNumber }}</strong>.
                             </td>
                         </tr>
                     @endforelse
@@ -182,15 +182,34 @@
     });
 </script> --}}
 <script>
-    window.addEventListener('focus-capacitor-input', () => {
+    window.addEventListener('focus-capacitor-input', (event) => {
+        console.log('Item Code:', event.detail.itemCode);
+        const container = document.getElementById('focus-capacitor-input');
+    if (container) {
+        container.dataset.itemCode = event.detail.itemCode;
+    }
         setTimeout(() => {
-            const input = document.getElementById('capacitorInput');
-            if (input) {
-                input.focus();
-                input.select();
-            }
-        }, 50);
+        // const container = document.getElementById('focus-capacitor-input');
+        const input = container?.querySelector('input'); // gets the actual input inside
+
+        if (input) {
+            input.focus();
+            input.select();
+        }
+    }, 50);
     });
+//     window.addEventListener('focus-capacitor-input', (event) => {
+//     console.log('Item Code:', event.detail.itemCode);
+
+//     setTimeout(() => {
+//         const input = document.querySelector('#capacitorInput input');
+
+//         if (input) {
+//             input.focus();
+//             input.select();
+//         }
+//     }, 50);
+// });
 
    window.addEventListener('focus-serial-number', () => {
     setTimeout(() => {