From 6a2de53e8eee4e6190887aaee2e09005585cdcdf Mon Sep 17 00:00:00 2001
From: dhanabalan <dhana@example.com>
Date: Fri, 17 Oct 2025 10:31:01 +0530
Subject: [PATCH] changed logic in ocr

---
 .../views/fields/camera-capture.blade.php     | 70 ++++++-------------
 1 file changed, 21 insertions(+), 49 deletions(-)

diff --git a/resources/views/fields/camera-capture.blade.php b/resources/views/fields/camera-capture.blade.php
index 667e3f8..b2e41ed 100644
--- a/resources/views/fields/camera-capture.blade.php
+++ b/resources/views/fields/camera-capture.blade.php
@@ -39,9 +39,9 @@ document.addEventListener('DOMContentLoaded', () => {
 });
 </script> --}}
 
-{{-- logic --}}
 
-{{-- <div x-data="cameraCapture()" x-init="initCamera()" class="space-y-2">
+
+<div x-data="cameraCapture()" x-init="initCamera()" class="space-y-2">
     <video x-ref="video" width="320" height="240" autoplay playsinline class="border rounded"></video>
     <canvas x-ref="canvas" width="320" height="240" class="hidden"></canvas>
     <img x-ref="snapshot" class="hidden border rounded max-w-full">
@@ -53,23 +53,9 @@ document.addEventListener('DOMContentLoaded', () => {
     </div>
 
     {{-- <input type="hidden" name="{{ $getName() }}" x-ref="hiddenInput"> --}}
-    {{-- <input type="hidden" x-ref="hiddenInput" x-model="photo1">
-</div>  --}}
-
-<div x-data="cameraCapture()" x-init="initCamera()" class="space-y-2">
-    <video x-ref="video" width="320" height="240" autoplay playsinline class="border rounded"></video>
-    <canvas x-ref="canvas" width="320" height="240" class="hidden border rounded"></canvas>
-
-    <div class="flex space-x-4 mt-2">
-        <x-filament::button color="primary" @click="capturePhoto" x-show="!photoTaken">Capture</x-filament::button>
-        <x-filament::button color="secondary" @click="retakePhoto" x-show="photoTaken">Retake</x-filament::button>
-        <x-filament::button color="gray" @click="switchCamera" x-show="!photoTaken">Switch Camera</x-filament::button>
-    </div>
-
-    <input type="hidden" x-ref="hiddenInput" x-model="photo1">
+    <input type="hidden" name="photo_data" x-ref="hiddenInput">
 </div>
 
-
 <script>
 function cameraCapture() {
     return {
@@ -100,54 +86,40 @@ function cameraCapture() {
             await this.initCamera();
         },
 
-        // capturePhoto() {
-        //     const video = this.$refs.video;
-        //     const canvas = this.$refs.canvas;
-        //     const snapshot = this.$refs.snapshot;
-        //     const context = canvas.getContext('2d');
-
-        //     context.drawImage(video, 0, 0, canvas.width, canvas.height);
-        //     const dataUrl = canvas.toDataURL('image/png');
-
-        //     // stop camera stream after capture
-        //     if (this.stream) {
-        //         this.stream.getTracks().forEach(track => track.stop());
-        //     }
-
-        //     snapshot.src = dataUrl;
-        //     snapshot.classList.remove('hidden');
-        //     this.photoTaken = true;
-
-        //     this.$refs.hiddenInput.value = dataUrl;
-        //      //@this.set('photo1', dataUrl);
-        // },
         capturePhoto() {
             const video = this.$refs.video;
             const canvas = this.$refs.canvas;
+            const snapshot = this.$refs.snapshot;
             const context = canvas.getContext('2d');
 
-            // draw video frame to canvas
             context.drawImage(video, 0, 0, canvas.width, canvas.height);
-
-            // convert to data URL
             const dataUrl = canvas.toDataURL('image/png');
 
-            // store to Livewire
-            @this.set('photo1', dataUrl);
-
-            // stop camera
+            // stop camera stream after capture
             if (this.stream) {
                 this.stream.getTracks().forEach(track => track.stop());
-                this.stream = null;
             }
 
+            snapshot.src = dataUrl;
+            snapshot.classList.remove('hidden');
             this.photoTaken = true;
 
-            // hide video and show canvas in the same place
-            video.classList.add('hidden');
-            canvas.classList.remove('hidden');
+            this.$refs.hiddenInput.value = dataUrl;
         },
 
+        async verifyPhoto() {
+            this.recognizedText = 'Processing...';
+
+            const snapshot = this.$refs.snapshot;
+
+            try {
+                const result = await Tesseract.recognize(snapshot.src, 'eng');
+                this.recognizedText = result.data.text.trim();
+            } catch (err) {
+                console.error('OCR Error:', err);
+                this.recognizedText = 'Error reading text from image.';
+            }
+        },
 
         async retakePhoto() {
             this.photoTaken = false;