From d7b70f47ed3dfafc76852e7ad1a8c71686a917d1 Mon Sep 17 00:00:00 2001
From: dhanabalan <dhana@example.com>
Date: Fri, 17 Oct 2025 09:36:02 +0530
Subject: [PATCH] Added camera capture logic

---
 .../views/fields/camera-capture.blade.php     | 27 ++++++++++++-------
 1 file changed, 18 insertions(+), 9 deletions(-)

diff --git a/resources/views/fields/camera-capture.blade.php b/resources/views/fields/camera-capture.blade.php
index 02995c7..1b3ba68 100644
--- a/resources/views/fields/camera-capture.blade.php
+++ b/resources/views/fields/camera-capture.blade.php
@@ -44,19 +44,14 @@ document.addEventListener('DOMContentLoaded', () => {
     <canvas x-ref="canvas" width="320" height="240" class="hidden"></canvas>
     <img x-ref="snapshot" class="hidden border rounded max-w-full">
 
-    {{-- <div class="flex space-x-2 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> --}}
     <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" name="{{ $getName() }}" x-ref="hiddenInput">
+    {{-- <input type="hidden" name="{{ $getName() }}" x-ref="hiddenInput"> --}}
+    <input type="hidden" name="photo_data" x-ref="hiddenInput">
 </div>
 
 <script>
@@ -65,6 +60,7 @@ function cameraCapture() {
         stream: null,
         currentFacingMode: 'user', // 'user' = front, 'environment' = back
         photoTaken: false,
+        recognizedText: '',
 
         async initCamera() {
             try {
@@ -104,16 +100,29 @@ function cameraCapture() {
 
             snapshot.src = dataUrl;
             snapshot.classList.remove('hidden');
-            video.classList.add('hidden');
             this.photoTaken = true;
 
             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;
             this.$refs.snapshot.classList.add('hidden');
-            this.$refs.video.classList.remove('hidden');
+            //this.$refs.video.classList.remove('hidden');
             await this.initCamera();
         }
     }