From 23e0fd08c994837edf087873b581eff9a216423e Mon Sep 17 00:00:00 2001
From: dhanabalan <dhana@example.com>
Date: Thu, 23 Oct 2025 15:02:32 +0530
Subject: [PATCH] Added show capture photo in ocr

---
 resources/views/fields/camera-capture.blade.php | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/views/fields/camera-capture.blade.php b/resources/views/fields/camera-capture.blade.php
index f93e647..7665df1 100644
--- a/resources/views/fields/camera-capture.blade.php
+++ b/resources/views/fields/camera-capture.blade.php
@@ -288,8 +288,6 @@ 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() {
@@ -329,6 +327,12 @@ function cameraCapture() {
             canvas.height = video.videoHeight;
             context.drawImage(video, 0, 0, canvas.width, canvas.height);
 
+            // Show snapshot
+            const snapshot = this.$refs.snapshot;
+            snapshot.src = canvas.toDataURL('image/jpeg');
+            snapshot.classList.remove('hidden');
+            video.classList.add('hidden');
+
             // Convert canvas to file
             canvas.toBlob(async blob => {
                 const file = new File([blob], 'capture.jpeg', { type: 'image/jpeg' });