  <!-- Sidebar Overlay -->
  <div class="overlay btn-toggle"></div>

  <!-- Bootstrap JS -->
  <script src="<?= base_url('assets/js/bootstrap.bundle.min.js'); ?>"></script>

  <!-- Plugins -->
  <script src="<?= base_url('assets/plugins/perfect-scrollbar/js/perfect-scrollbar.js'); ?>"></script>
  <script src="<?= base_url('assets/plugins/metismenu/metisMenu.min.js'); ?>"></script>

  <!-- Custom JS -->
  <script src="<?= base_url('assets/js/index2.js'); ?>"></script>
  <script src="<?= base_url('assets/js/main.js'); ?>"></script>

  <!-- SweetAlert2 JS -->
  <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.10.4/dist/sweetalert2.all.min.js"></script>
  
  <!-- jsCalendar JS -->
  <script src="https://cdn.jsdelivr.net/npm/simple-jscalendar@1.4.5/source/jsCalendar.min.js"></script>
  
  <script>
    // Initialize jsCalendar if element exists
    document.addEventListener("DOMContentLoaded", function () {
      const calendarEl = document.querySelector("#my-calendar");
      if (calendarEl) {
        const calendar = jsCalendar.new("#my-calendar");
        calendar.onDateClick(function (event, date) {
          Swal.fire({
            title: 'Date Selected',
            text: 'You clicked on ' + date.toDateString(),
            icon: 'info',
            confirmButtonColor: '#4f46e5'
          });
        });
      }
    });
  </script>

</body>
</html>
