From f5b6ae555025c785ccc45dd83d704590752067c0 Mon Sep 17 00:00:00 2001
From: Tanuja Pansare <tanuja@stratawiz.com>
Date: Mon, 2 Nov 2026 12:47:30 +0530
Subject: [PATCH 1/3] Form changes Horizon - Upload Daily Field Work Photo

---
 ...a8b3-d211-46ba-b867-69d4b85da68d.blade.php | 118 +++++++++++++-----
 1 file changed, 85 insertions(+), 33 deletions(-)

diff --git a/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php b/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
index be503ff7..1ebf06ac 100644
--- a/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
+++ b/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
@@ -190,6 +190,13 @@
                                                         style="display:none;">
 
                                                     <div class="d-flex flex-wrap gap-2 mt-2">
+
+                                                        <button type="button" id="switch-photo-camera"
+                                                            class="btn btn-info" style="display:none;">
+                                                            <i class="mdi mdi-camera-switch me-1"></i>
+                                                            Switch Camera
+                                                        </button>
+
                                                         <button type="button" id="capture-photo"
                                                             class="btn btn-success" style="display:none;">
                                                             Capture Photo
@@ -392,30 +399,34 @@
                     
             let photoStream = null;
 
+            let photoStream = null;
+            let currentCamera = 'environment';
+
             const video = document.getElementById('photo-camera-preview');
             const preview = document.getElementById('photo-captured-preview');
             const photoInput = document.getElementById('field-upload_photo');
 
-            $('#start-photo-camera').on('click', async function () {
+            // Start camera
+            async function startPhotoCamera(cameraType = currentCamera) {
+
                 try {
+                    // Stop previous camera before switching
+                    stopPhotoCamera();
+
+                    currentCamera = cameraType;
+
                     if (!navigator.mediaDevices ||
                         !navigator.mediaDevices.getUserMedia) {
-                        throw new Error('Camera API is unavailable. Use HTTPS or localhost.');
+                        throw new Error('Camera access requires HTTPS or localhost.');
                     }
 
-                    // Request camera permission
                     photoStream = await navigator.mediaDevices.getUserMedia({
                         video: {
-                            facingMode: { ideal: 'environment' }
+                            facingMode: { exact: currentCamera }
                         },
                         audio: false
                     });
 
-                    // Check required elements
-                    if (!video || !preview || !photoInput) {
-                        throw new Error('Camera elements are missing from the page.');
-                    }
-
                     video.srcObject = photoStream;
                     video.style.display = 'block';
                     preview.style.display = 'none';
@@ -423,43 +434,73 @@
                     await video.play();
 
                     $('#start-photo-camera').hide();
+                    $('#switch-photo-camera').show();
                     $('#capture-photo').show();
                     $('#retake-photo').hide();
 
                 } catch (error) {
+
                     console.error('Camera error:', error);
 
-                    // Stop any partially opened camera stream
-                    if (photoStream) {
-                        photoStream.getTracks().forEach(track => track.stop());
-                        photoStream = null;
+                    stopPhotoCamera();
+
+                    // Some devices do not support the requested camera.
+                    // Fall back to the browser's preferred camera.
+                    if (error.name === 'OverconstrainedError' ||
+                        error.name === 'NotFoundError') {
+
+                        try {
+                            photoStream = await navigator.mediaDevices.getUserMedia({
+                                video: true,
+                                audio: false
+                            });
+
+                            video.srcObject = photoStream;
+                            video.style.display = 'block';
+                            await video.play();
+
+                            $('#start-photo-camera').hide();
+                            $('#switch-photo-camera').show();
+                            $('#capture-photo').show();
+
+                            return;
+
+                        } catch (fallbackError) {
+                            console.error('Fallback camera error:', fallbackError);
+                        }
                     }
 
-                    if (error.name === 'NotAllowedError' ||
-                        error.name === 'PermissionDeniedError') {
-
-                        Swal.fire({
-                            icon: 'warning',
-                            title: 'Camera Access Denied',
-                            text: 'Please enable camera permission for this website in your browser settings, then try again.'
-                        });
-
-                    } else {
-                        Swal.fire({
-                            icon: 'error',
-                            title: 'Unable to Open Camera',
-                            text: error.message || 'Please check your camera and try again.'
-                        });
-                    }
+                    Swal.fire({
+                        icon: 'warning',
+                        title: 'Camera Unavailable',
+                        text: 'Please check camera permission and camera availability.'
+                    });
                 }
+            }
+
+            // Open camera
+            $('#start-photo-camera').on('click', function () {
+                startPhotoCamera('environment');
             });
 
+            // Switch between front and back cameras
+            $('#switch-photo-camera').on('click', function () {
+
+                const nextCamera =
+                    currentCamera === 'environment' ? 'user' : 'environment';
+
+                startPhotoCamera(nextCamera);
+            });
+
+            // Capture photo
             $('#capture-photo').on('click', function () {
+
                 if (!photoStream || !video.videoWidth) {
                     return;
                 }
 
                 const canvas = document.createElement('canvas');
+
                 canvas.width = video.videoWidth;
                 canvas.height = video.videoHeight;
 
@@ -468,6 +509,7 @@
                 );
 
                 canvas.toBlob(function (blob) {
+
                     if (!blob) {
                         Swal.fire('Error', 'Could not capture the photo.', 'error');
                         return;
@@ -489,27 +531,37 @@
 
                     stopPhotoCamera();
 
+                    $('#start-photo-camera').show();
+                    $('#switch-photo-camera').hide();
                     $('#capture-photo').hide();
-                    $('#start-photo-camera').hide();
-                    $('#retake-photo').show();
+                    $('#retake-photo').hide();
+
                 }, 'image/jpeg', 0.9);
             });
 
+            // Retake photo
             $('#retake-photo').on('click', function () {
+
                 photoInput.value = '';
                 preview.src = '';
                 preview.style.display = 'none';
+
                 $('#retake-photo').hide();
-                $('#start-photo-camera').trigger('click');
+
+                startPhotoCamera(currentCamera);
             });
 
+            // Stop camera
             function stopPhotoCamera() {
+
                 if (photoStream) {
                     photoStream.getTracks().forEach(track => track.stop());
                     photoStream = null;
                 }
 
-                video.srcObject = null;
+                if (video) {
+                    video.srcObject = null;
+                }
             }
 
             window.addEventListener('beforeunload', stopPhotoCamera);

From 44237b663d9f13106d51bbcfd654364927f20cbd Mon Sep 17 00:00:00 2001
From: Tanuja Pansare <tanuja@stratawiz.com>
Date: Mon, 2 Nov 2026 12:50:41 +0530
Subject: [PATCH 2/3] form changes Horizon - Upload Daily Field Work Photo

---
 .../1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php   | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php b/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
index 1ebf06ac..8436706b 100644
--- a/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
+++ b/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
@@ -523,7 +523,7 @@
 
                     const transfer = new DataTransfer();
                     transfer.items.add(file);
-                    photoInput.files = transfer.files;
+                    photoInput.files = transfer.files; 
 
                     preview.src = URL.createObjectURL(blob);
                     preview.style.display = 'block';

From f4e24f6cbe2c6a8833380fe3a23211398ba8a39b Mon Sep 17 00:00:00 2001
From: Tanuja Pansare <tanuja@stratawiz.com>
Date: Mon, 2 Nov 2026 13:00:33 +0530
Subject: [PATCH 3/3] form changes Horizon - Upload Daily Field Work Photo

---
 ...793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php b/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
index 8436706b..d2a50cea 100644
--- a/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
+++ b/resources/views/form/rapport-horizon/1793272971-f2e4a8b3-d211-46ba-b867-69d4b85da68d.blade.php
@@ -397,8 +397,6 @@
 
 
                     
-            let photoStream = null;
-
             let photoStream = null;
             let currentCamera = 'environment';
 
@@ -531,10 +529,10 @@
 
                     stopPhotoCamera();
 
-                    $('#start-photo-camera').show();
+                    $('#start-photo-camera').hide();
                     $('#switch-photo-camera').hide();
                     $('#capture-photo').hide();
-                    $('#retake-photo').hide();
+                    $('#retake-photo').show();
 
                 }, 'image/jpeg', 0.9);
             });