<!-- ======= Footer ======= -->
<footer class="footer">
    <div class="footer-top">
        <div class="container">
        <div class="row">
            <div class="col-xl-3 col-lg-3 col-md-3 col-sm-12">
                <?php  dynamic_sidebar('footera');?>
            </div>
            <div class="col-xl-1 col-lg-1 col-md-1 col-sm-12 footer-menus"> </div>            
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 footer-menus">
                <?php  dynamic_sidebar('footerb');?>
            </div>
            <div class="col-xl-2 col-lg-2 col-md-2 col-sm-12 footer-menus">
                <?php  dynamic_sidebar('footerc');?>
            </div>
            <div class="col-xl-4 col-lg-4 col-md-4 col-sm-12">
                <?php  dynamic_sidebar('footerd');?>
            </div>
        </div><!-- Row !-->
    </div><!-- container !-->
    </div>
    <div class="container">
      <div class="copyright">
       Copyright &copy;<?php echo date("Y") ?>  <span><?php bloginfo('name'); ?></span>. All Rights Reserved  
	   &nbsp;&nbsp;&nbsp;<small> Designed: <a href="https://www.lwegatech.com" target="_blank" title="LWEGATECH">Lwegatech</a></small>
      </div>
      <div class="credits">
        <a href="#top" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
      </div>
    </div>
    </footer>
    
  </main>
	</div><!-- Main Area !-->
</div><!-- Wrapper !-->
 

    <?php wp_footer(); ?>
   
   <script>
    document.addEventListener("DOMContentLoaded", function () {
      const fadeElements = document.querySelectorAll(".fade-up");
    
      const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
          if (entry.isIntersecting) {
            entry.target.classList.add("animate");
            // Optional: Unobserve so it only animates once
            observer.unobserve(entry.target);
          }
        });
      }, {
        threshold: 0.2 // Adjust as needed (how much in view triggers animation)
      });
    
      fadeElements.forEach(el => observer.observe(el));
    });
    </script>
<script>
document.addEventListener('DOMContentLoaded', function() {
    const btnOpenOffcanvasList = document.querySelectorAll('.btn-open-offcanvas');

    btnOpenOffcanvasList.forEach(btn => {
        btn.addEventListener('click', function() {
            const postId = this.getAttribute('data-post-id');
            const offcanvasContent = document.getElementById('offcanvas-content');

            // Use AJAX to fetch post content
            const xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function() {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    offcanvasContent.innerHTML = xhr.responseText;
                }
            };
            xhr.open('GET', '<?php echo admin_url('admin-ajax.php'); ?>?action=get_post_content&post_id=' + postId, true);
            xhr.send();
        });
    });
});
</script>
<script>
    (function (w, d, s, u) {
    w.gbwawc = {
    url: u,
    options: {
            waId: "+256782811999",
            siteName: "Inyana International School",
            siteTag: "We Can! We Must! We Will",
            siteLogo: "https://inyanainternationalschool.ac.ug/inyana-favicon-logo.jpg",
            widgetPosition: "LEFT",
            triggerMessage: "Let's Talk",
            welcomeMessage: "Want to know more about our holistic education?",
            brandColor: "#25D366",
            messageText: "",
            replyOptions: ['',''],
        },
    };
    var h = d.getElementsByTagName(s)[0],
    j = d.createElement(s);
    j.async = true;
    j.src = u + "/whatsapp-widget.min.js?_=" + Math.random();
    h.parentNode.insertBefore(j, h);
    })(window, document, "script", "https://waw.gallabox.com");
</script> 
<script>
jQuery(document).ready(function($) {
    $('#downloads-table').DataTable({
        // DataTables options here
        "paging": true,
        "searching": true,
        // Add more options as needed
    });
});
</script>


	</body>
</html>
