From 155c3ec4b572c73ed64624007e440a17df4e2d8f Mon Sep 17 00:00:00 2001
From: DevSoftTech Server <info.devsofttech@gmail.com>
Date: Mon, 3 Aug 2026 17:03:23 +0530
Subject: [PATCH] feat: add error details modal to update history

- Added "Details" column to Update History table
- Shows info icon button when error details are available
- Clicking button opens a modal with full error message
- Details displayed in pre-formatted text for easy reading
- Helps diagnose why HMS updates failed or timed out

When an update fails, users can now click the info icon to see the exact
git error output, making troubleshooting much easier.
---
 app/Views/Setting/Admin/system_ops_panel.php | 38 ++++++++++++++++++++
 1 file changed, 38 insertions(+)

diff --git a/app/Views/Setting/Admin/system_ops_panel.php b/app/Views/Setting/Admin/system_ops_panel.php
index d172e0e..95bcc5b 100644
--- a/app/Views/Setting/Admin/system_ops_panel.php
+++ b/app/Views/Setting/Admin/system_ops_panel.php
@@ -151,6 +151,7 @@
                                     <th>Type</th>
                                     <th>Status</th>
                                     <th>Message</th>
+                                    <th>Details</th>
                                 </tr>
                             </thead>
                             <tbody>
@@ -163,6 +164,13 @@
                                             <span class="ops-pill <?= $st === 'success' ? 'success' : ($st === 'failed' ? 'danger' : 'warning') ?>"><?= esc($st) ?></span>
                                         </td>
                                         <td><?= esc((string) ($entry['message'] ?? '')) ?></td>
+                                        <td>
+                                            <?php if (!empty($entry['detail'])) : ?>
+                                                <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="modal" data-bs-target="#detailModal" data-detail="<?= esc((string) ($entry['detail'] ?? '')) ?>" title="Show details">
+                                                    <i class="bi bi-info-circle"></i>
+                                                </button>
+                                            <?php endif; ?>
+                                        </td>
                                     </tr>
                                 <?php endforeach; ?>
                             </tbody>
@@ -173,3 +181,33 @@
         </div>
     </div>
 </div>
+
+<!-- Detail Modal -->
+<div class="modal fade" id="detailModal" tabindex="-1">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">Operation Details</h5>
+                <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
+            </div>
+            <div class="modal-body">
+                <pre id="detailContent" style="max-height: 400px; overflow-y: auto; background: #f8f9fa; padding: 12px; border-radius: 4px;"></pre>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    // Handle detail modal
+    document.addEventListener('show.bs.modal', function(e) {
+        if (e.relatedTarget && e.relatedTarget.id === 'detailModal' || (e.relatedTarget && e.relatedTarget.closest('[data-bs-target="#detailModal"]'))) {
+            var btn = e.relatedTarget;
+            if (!btn) btn = event.target;
+            var detail = btn.getAttribute('data-detail') || '';
+            document.getElementById('detailContent').textContent = detail;
+        }
+    });
+</script>