Merge branch 'develop' into fea/dat-20042026-CMS-Partnerships-Accreditation-History-Admissions-Policies

views/admin/footer/index.ejs

@@ -351,8 +351,15 @@
           <div class="row g-2 align-items-center">
             <div class="col-md-4">
               <label class="form-label small">Icon (FA class)</label>
-              <input type="text" class="form-control form-control-sm" data-field="icon"
-                value="${esc(item.icon)}" placeholder="e.g. fa-twitter">
+              <div class="input-group">
+                    <span class="input-group-text icon-preview-cell" style="min-width:38px">
+                    ${item.icon ? `<i class="${esc(item.icon)}"></i>` : ''}
+                    </span>
+                    <input type="text" class="form-control form-control-sm" data-field="icon"
+                    value="${esc(item.icon)}" placeholder="Click to pick..." readonly
+                    style="cursor:pointer;background:#fff"
+                    onclick="IconPicker.open(this)">
+                </div>
             </div>
             <div class="col-md-6">
               <label class="form-label small">Href</label>

views/layouts/main.ejs

@@ -1129,6 +1129,14 @@
   <!-- Toast JS -->
   <script src="/js/toast.js"></script>
 
+  <!-- Icon Picker -->
+  <script src="/js/icon-picker.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function () {
+      IconPicker.init();
+    });
+  </script>
+
   <!-- Flash Handler JS -->
   <script src="/js/flash-handler.js"></script>