</div>

<script>
// Every 5 minutes, ping the server to keep session alive
setInterval(() => {
    fetch('includes/session.php');
}, 300000); // 5 minutes
</script>
<script>
  // Show loader on internal link click
  document.querySelectorAll('a').forEach(link => {
    link.addEventListener('click', function (e) {
      const href = this.getAttribute('href');
      if (href && !href.startsWith('#') && !href.startsWith('javascript')) {
        document.getElementById('page-loader').classList.remove('hidden');
      }
    });
  });

  // Hide loader after page loads
  window.addEventListener('load', () => {
    const loader = document.getElementById('page-loader');
    loader.classList.add('hidden');
    setTimeout(() => {
      loader.style.display = 'none';
    }, 400); // match transition time
  });
</script>


    <!-- JavaScript Libraries -->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
    <script src="lib/easing/easing.min.js"></script>
    <scripts src="js/wow/wow.min.js"></script>
    <script src="lib/owlcarousel/owl.carousel.min.js"></script>

    <!-- Template Javascript -->
    
    <script src="js/main.js"></script>
</body>

</html>