Updated alignments and validation logics

resources/views/fields/camera-capture.blade.php

@@ -948,84 +948,80 @@ function cameraCapture() {
 
 
         async verifyPhoto() {
-    if (!this.capturedPhoto) {
-        alert("Please capture a photo first!");
-        return;
-    }
+        if (!this.capturedPhoto) {
+            alert("Please capture a photo first!");
+            return;
+        }
 
-    if (!this.isWorkerReady) {
-        alert("OCR worker not ready yet!");
-        return;
-    }
+        if (!this.isWorkerReady) {
+            alert("OCR worker not ready yet!");
+            return;
+        }
 
-    try {
-        const img = new Image();
-        img.src = this.capturedPhoto;
+        try {
+            const img = new Image();
+            img.src = this.capturedPhoto;
 
-        img.onload = async () => {
+            img.onload = async () => {
 
-            // Reuse the same temp canvas (no memory leak)
-            this.tempCanvas.width = img.width;
-            this.tempCanvas.height = img.height;
-            this.tempCtx.drawImage(img, 0, 0);
+                // Reuse the same temp canvas (no memory leak)
+                this.tempCanvas.width = img.width;
+                this.tempCanvas.height = img.height;
+                this.tempCtx.drawImage(img, 0, 0);
 
-            // Worker OCR — much faster
-            const result = await this.ocrWorker.recognize(this.tempCanvas);
+                // Worker OCR — much faster
+                const result = await this.ocrWorker.recognize(this.tempCanvas);
 
-            const detectedText = result.data.text.trim();
-            console.log("Detected Text:", detectedText);
+                const detectedText = result.data.text.trim();
+                console.log("Detected Text:", detectedText);
 
-            // -------------------------------------------------------
-            //   SERIAL EXTRACTION LOGIC — SAME AS YOUR ORIGINAL
-            // -------------------------------------------------------
-            const serialWithLabelRegex = /Serial\s*No[:\-]?\s*([A-Za-z0-9]+)/i;
-            const match = detectedText.match(serialWithLabelRegex);
+                const serialWithLabelRegex = /Serial\s*No[:\-]?\s*([A-Za-z0-9]+)/i;
+                const match = detectedText.match(serialWithLabelRegex);
 
-            if (match && match[1]) {
-                // "Serial No: XXXXX"
-                this.serialNumbers = [match[1].trim()];
-                console.log("Serial with Label:", this.serialNumbers[0]);
-            } else {
-                // Extract first 4 alphanumeric sequences of 4+ chars
-                const generalNums = detectedText.match(/[A-Za-z0-9]{4,}/g) || [];
-                this.serialNumbers = generalNums.slice(0, 4);
+                if (match && match[1]) {
+                    this.serialNumbers = [match[1].trim()];
+                    console.log("Serial with Label:", this.serialNumbers[0]);
+                }
+                else
+                {
+                    const generalNums = detectedText.match(/[A-Za-z0-9]{4,}/g) || [];
+                    this.serialNumbers = generalNums.slice(0, 4);
 
-                if (this.serialNumbers.length === 0) {
-                    alert("No serial numbers detected!");
-                    return;
+                    if (this.serialNumbers.length == 0) {
+                        alert("No serial numbers detected!");
+                        return;
+                    }
+
+                    console.log("Serial Numbers List:", this.serialNumbers);
                 }
 
-                console.log("Serial Numbers List:", this.serialNumbers);
+                // Save into hidden input (your original logic)
+                this.$refs.hiddenInputSerials.value = JSON.stringify(this.serialNumbers);
+
+                alert("Serial numbers:\n" + this.$refs.hiddenInputSerials.value);
+
+                fetch('/save-serials-to-session', {
+                    method: 'POST',
+                    credentials: 'same-origin',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
+                    },
+                    body: JSON.stringify({
+                        serial_numbers: this.serialNumbers,
+                    }),
+                })
+                .then(response => response.json())
+                .then(data => {
+                    console.log("Session Updated:", data);
+                    alert("✅ Serial numbers saved to session!");
+                });
+            };
+            } catch (err) {
+                console.error("OCR verify error:", err);
+                alert("OCR verify failed:\n" + (err.message || err));
             }
-
-            // Save into hidden input (your original logic)
-            this.$refs.hiddenInputSerials.value = JSON.stringify(this.serialNumbers);
-
-            alert("Serial numbers:\n" + this.$refs.hiddenInputSerials.value);
-
-            fetch('/save-serials-to-session', {
-                method: 'POST',
-                credentials: 'same-origin',
-                headers: {
-                    'Content-Type': 'application/json',
-                    'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').content,
-                },
-                body: JSON.stringify({
-                    serial_numbers: this.serialNumbers,
-                }),
-            })
-            .then(response => response.json())
-            .then(data => {
-                console.log("Session Updated:", data);
-                alert("✅ Serial numbers saved to session!");
-            });
-        };
-
-    } catch (err) {
-        console.error("OCR verify error:", err);
-        alert("OCR verify failed:\n" + (err.message || err));
-    }
-},
+        },
 
         startDetection() {
             if (this.textDetectionInterval) {

resources/views/filament/pages/production-quantity.blade.php

@@ -101,7 +101,7 @@
         if (!scanInput) return;
 
         scanInput.addEventListener('keydown', function (event) {
-            if (event.key === 'Enter') {
+            if (event.key == 'Enter') {
                 event.preventDefault();
 
                 const value = scanInput.value.trim();

resources/views/livewire/production-check-list.blade.php

@@ -3,7 +3,8 @@
     <div class="bg-white max-h-[80vh] overflow-hidden p-6 rounded-lg shadow-lg pointer-events-auto"
     style="width:30vw !important; max-width:none !important;">
 
-        @if($records && $records->count())
+        {{-- @if($records && $records->count()) --}}
+        @if(!empty($records) && count($records))
             <div style="max-height:250px; overflow-y:auto; border:1px solid #ccc;">
 
             {{-- <table class="min-w-full border"> --}}

resources/views/mail/invoice-in-transit-report.blade.php

@@ -106,7 +106,6 @@
                                 -
                             @endif
                         </td>
-
                         {{-- <td>{{ $row['lr_bl_aw_date'] }}</td> --}}
                         <td>{{ $row['transit_days'] }}</td>
                         <td>{{ $row['status'] }}</td>