From 8a5624264ce0f008bfb983a7286a9f02f63fe69b Mon Sep 17 00:00:00 2001
From: DevSoftTech Server <info.devsofttech@gmail.com>
Date: Sun, 24 May 2026 07:25:52 +0530
Subject: [PATCH] feat(abdm-opd): open OPD registration inside modal iframe

---
 app/Views/abdm/opd_queue.php | 35 ++++++++++++++++++++++++++++++++++-
 1 file changed, 34 insertions(+), 1 deletion(-)

diff --git a/app/Views/abdm/opd_queue.php b/app/Views/abdm/opd_queue.php
index b079043..843470b 100644
--- a/app/Views/abdm/opd_queue.php
+++ b/app/Views/abdm/opd_queue.php
@@ -143,6 +143,25 @@
     </div>
 </div>
 
+<!-- ===== OPD Registration in modal (iframe) ===== -->
+<div class="modal fade" id="abdmOpdRegisterModal" tabindex="-1">
+    <div class="modal-dialog modal-xl modal-dialog-scrollable">
+        <div class="modal-content">
+            <div class="modal-header bg-primary text-white py-2">
+                <h6 class="modal-title mb-0">OPD Registration</h6>
+                <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body p-0" style="min-height:70vh;">
+                <iframe id="abdmOpdRegisterFrame" src="about:blank" style="width:100%;height:70vh;border:0;"></iframe>
+            </div>
+            <div class="modal-footer py-2">
+                <a id="abdmOpdRegisterOpenTab" href="#" target="_blank" class="btn btn-sm btn-outline-primary">Open in New Tab</a>
+                <button type="button" class="btn btn-sm btn-secondary" data-bs-dismiss="modal">Close</button>
+            </div>
+        </div>
+    </div>
+</div>
+
 <script>
 (function () {
     'use strict';
@@ -188,6 +207,16 @@
     function decodePayload(payload) {
         return JSON.parse(decodeURIComponent(escape(atob(String(payload || '')))));
     }
+    function openOpdRegistrationModal(url) {
+        if (!url) {
+            return;
+        }
+        const iframe = document.getElementById('abdmOpdRegisterFrame');
+        const tabBtn = document.getElementById('abdmOpdRegisterOpenTab');
+        iframe.src = url;
+        tabBtn.href = url;
+        new bootstrap.Modal(document.getElementById('abdmOpdRegisterModal')).show();
+    }
 
     function loadQueue() {
         const date   = document.getElementById('queueDate').value;
@@ -541,7 +570,7 @@
                     <div class="text-muted">HMS ID: <strong>${esc(r.p_code || '—')}</strong></div>
                     ${r.saved_data ? `<div class="mt-2 text-muted">Saved: ${esc([r.saved_data.relation, r.saved_data.email, r.saved_data.address].filter(Boolean).join(' | ') || 'Basic fields')}</div>` : ''}
                 </div></div>
-                <a href="${r.redirect_url}" class="btn btn-sm btn-primary w-100">Open OPD Registration →</a>
+                <button class="btn btn-sm btn-primary w-100" onclick="abdmQOpenOpdInModal('${esc(r.redirect_url || '')}')">Open OPD Registration →</button>
                 <a href="${r.profile_url || ''}" class="btn btn-sm btn-outline-primary w-100 mt-2">Open Patient Profile</a>
                 <a href="${r.edit_url || ''}" class="btn btn-sm btn-outline-primary w-100 mt-2">Edit Person Profile (for photo/details)</a>
                 <button class="btn btn-sm btn-outline-secondary w-100 mt-2" data-bs-dismiss="modal" onclick="loadQueue()">Back to Queue</button>`;
@@ -601,6 +630,10 @@
     document.getElementById('queueDate').addEventListener('change', loadQueue);
     document.getElementById('queueStatus').addEventListener('change', loadQueue);
 
+    window.abdmQOpenOpdInModal = function (url) {
+        openOpdRegistrationModal(url);
+    };
+
     window.pageCleanup = function () { clearTimeout(autoTimer); };
 
     loadQueue();