From 403fc503f90a7649a822a3098c4ab1b072c98dd3 Mon Sep 17 00:00:00 2001
From: dhanabalan <dhana@example.com>
Date: Mon, 27 Oct 2025 11:02:26 +0530
Subject: [PATCH] changed logic in ocr

---
 .../views/fields/camera-capture.blade.php     | 84 ++++++++++++-------
 1 file changed, 56 insertions(+), 28 deletions(-)

diff --git a/resources/views/fields/camera-capture.blade.php b/resources/views/fields/camera-capture.blade.php
index 959d5af..75435a1 100644
--- a/resources/views/fields/camera-capture.blade.php
+++ b/resources/views/fields/camera-capture.blade.php
@@ -787,40 +787,68 @@ function cameraCapture() {
             await this.initCamera();
         },
 
+        // async capturePhoto() {
+        //     const video = this.$refs.video;
+        //     const canvas = this.$refs.canvas;
+        //     const ctx = canvas.getContext('2d');
+
+        //     canvas.width = video.videoWidth;
+        //     canvas.height = video.videoHeight;
+        //     ctx.drawImage(video, 0, 0);
+
+        //     // const snapshotData = canvas.toDataURL('image/png');
+        //     // this.$refs.hiddenInput.value = snapshotData;
+        //     // this.capturedPhoto = snapshotData; // store for verification
+        //     const snapshotData = canvas.toDataURL('image/png');
+        //     this.$refs.hiddenInput.value = snapshotData;
+        //     this.capturedPhoto = snapshotData;
+
+        //      // Stop camera stream
+        //     if (this.stream) this.stream.getTracks().forEach(track => track.stop());
+
+        //     // snapshot.src = dataUrl;
+        //     // snapshot.classList.remove('hidden');
+        //     // video.classList.add('hidden');
+        //     // const snapshot = this.$refs.snapshot;
+        //     // snapshot.src = snapshotData;
+        //     // snapshot.classList.remove('hidden');
+        //     // video.classList.add('hidden');
+        //     // overlay.classList.add('hidden');
+        //     snapshot.src = dataUrl;
+        //     snapshot.classList.remove('hidden');
+        //     video.classList.add('hidden');
+
+        //     alert("Photo captured!");
+        //     this.stopDetection();
+        // },
+
         async capturePhoto() {
-            const video = this.$refs.video;
-            const canvas = this.$refs.canvas;
-            const ctx = canvas.getContext('2d');
+    const video = this.$refs.video;
+    const canvas = this.$refs.canvas;
+    const overlay = this.$refs.overlay;
+    const snapshot = this.$refs.snapshot;
+    const ctx = canvas.getContext('2d');
 
-            canvas.width = video.videoWidth;
-            canvas.height = video.videoHeight;
-            ctx.drawImage(video, 0, 0);
+    canvas.width = video.videoWidth;
+    canvas.height = video.videoHeight;
+    ctx.drawImage(video, 0, 0);
 
-            // const snapshotData = canvas.toDataURL('image/png');
-            // this.$refs.hiddenInput.value = snapshotData;
-            // this.capturedPhoto = snapshotData; // store for verification
-            const snapshotData = canvas.toDataURL('image/png');
-            this.$refs.hiddenInput.value = snapshotData;
-            this.capturedPhoto = snapshotData;
+    const snapshotData = canvas.toDataURL('image/png');
+    this.$refs.hiddenInput.value = snapshotData;
+    this.capturedPhoto = snapshotData;
 
-             // Stop camera stream
-            if (this.stream) this.stream.getTracks().forEach(track => track.stop());
+    // Stop the camera stream
+    if (this.stream) this.stream.getTracks().forEach(track => track.stop());
 
-            // snapshot.src = dataUrl;
-            // snapshot.classList.remove('hidden');
-            // video.classList.add('hidden');
-            // const snapshot = this.$refs.snapshot;
-            // snapshot.src = snapshotData;
-            // snapshot.classList.remove('hidden');
-            // video.classList.add('hidden');
-            // overlay.classList.add('hidden');
-            snapshot.src = dataUrl;
-            snapshot.classList.remove('hidden');
-            video.classList.add('hidden');
+    // ✅ Hide video + overlay, show captured snapshot
+    video.classList.add('hidden');
+    overlay.classList.add('hidden');
+    snapshot.src = snapshotData;
+    snapshot.classList.remove('hidden');
+
+    this.stopDetection();
+},
 
-            alert("Photo captured!");
-            this.stopDetection();
-        },
 
         async verifyPhoto() {
             if (!this.capturedPhoto) {