From d0973186460bed0cad0c013747cf4ec6865996cb Mon Sep 17 00:00:00 2001
From: dhanabalan <dhana@example.com>
Date: Sat, 18 Oct 2025 10:49:59 +0530
Subject: [PATCH] changed logic in ocr fro automatical verify

---
 .../views/fields/camera-capture.blade.php     | 72 +++++++++++++------
 1 file changed, 52 insertions(+), 20 deletions(-)

diff --git a/resources/views/fields/camera-capture.blade.php b/resources/views/fields/camera-capture.blade.php
index 636c710..e374cbb 100644
--- a/resources/views/fields/camera-capture.blade.php
+++ b/resources/views/fields/camera-capture.blade.php
@@ -288,14 +288,18 @@ document.addEventListener('DOMContentLoaded', () => {
     <input type="hidden" x-ref="hiddenInput" x-model="photo1" name="camera_capture_file">
 
 </div>
+<!-- Latest Tesseract.js from CDN -->
+
 
 <script>
 function cameraCapture() {
     return {
         stream: null,
+        currentFacingMode: 'user',
         photoTaken: false,
         photo1: '',
 
+
         async initCamera() {
             try {
                 if (this.stream) this.stream.getTracks().forEach(track => track.stop());
@@ -354,34 +358,62 @@ function cameraCapture() {
             if (this.stream) this.stream.getTracks().forEach(track => track.stop());
         },
 
-        // retakePhoto() {
-        //     this.photoTaken = false;
-        //     this.initCamera();
-        // }
 
-        async verifyOCR(dataUrl) {
-            try {
-                const { data: { text } } = await Tesseract.recognize(
-                    dataUrl,
-                    'eng',
-                    { logger: m => console.log(m) }
-                );
-                alert("OCR Result: " + text);
-            } catch (err) {
-                console.error(err);
-                alert("OCR Failed: " + err.message);
-            }
-        },
+        // async verifyOCR(dataUrl) {
+        //     try {
+        //         const { data: { text } } = await Tesseract.recognize(
+        //             dataUrl,
+        //             'eng',
+        //             { logger: m => console.log(m) }
+        //         );
+        //         alert("OCR Result: " + text);
+        //     } catch (err) {
+        //         console.error(err);
+        //         alert("OCR Failed: " + err.message);
+        //     }
+        // },
+
+        // async verify() {
+        //     const dataUrl = this.$refs.hiddenInput.value;
+        //     if (!dataUrl) {
+        //         alert("No captured image found!");
+        //         return;
+        //     }
+        //     await this.verifyOCR(dataUrl);
+        // },
 
         async verify() {
-            const dataUrl = this.$refs.hiddenInput.value;
-            if (!dataUrl) {
+            const filePath = this.$refs.hiddenInput.value; // e.g., "temp/capture_1760764396.jpeg"
+
+            if (!filePath) {
                 alert("No captured image found!");
                 return;
             }
-            await this.verifyOCR(dataUrl);
+
+            try {
+                const response = await fetch('/verify-ocr', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                        'X-CSRF-TOKEN': '{{ csrf_token() }}'
+                    },
+                    body: JSON.stringify({ path: filePath })
+                });
+
+                const data = await response.json();
+
+                if (data.success) {
+                    alert("OCR Result: " + data.text);
+                } else {
+                    alert("OCR Failed: " + data.error);
+                }
+            } catch (err) {
+                console.error(err);
+                alert("OCR request failed: " + err.message);
+            }
         },
 
+
         async retakePhoto() {
             this.photoTaken = false;
             this.$refs.snapshot.classList.add('hidden');