    </main>
  </div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
<footer class="text-center text-muted py-3">
  <small>&copy; <?= date('Y') ?> Jil Alsalam Schools</small>
</footer>
<script>
  // Global confirmation handler: forms and clickable elements with data-confirm
  document.addEventListener('submit', function(e) {
    const form = e.target;
    const message = form.getAttribute('data-confirm');
    if (message) {
      const ok = window.confirm(message);
      if (!ok) { e.preventDefault(); }
    }
  });
  document.addEventListener('click', function(e) {
    const target = e.target.closest('[data-confirm]');
    if (target && target.tagName !== 'FORM') {
      const ok = window.confirm(target.getAttribute('data-confirm'));
      if (!ok) { e.preventDefault(); e.stopPropagation(); }
    }
  });
</script>
</body>
</html>
