<!-- ======= Footer ======= -->
 <footer class="footer">

  <div class="footer-bottom d-flex justify-content-between">
    <span class="px-1">Copyright &copy;<?php echo date("Y") ?>  <a href="<?= base_url();?>" class="me-2"> UGA REDD+ Registry DMS (Data Management System). </a> All Rights Reserved. </span>
    <span>
        <a href="" class="me-2">Terms of Use</a> <a href="#">Privacy Policy</a>
    </span>
  </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>
</footer>
 
<script src="<?= base_url();?>assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="<?= base_url();?>assets/vendor/aos/aos.js"></script>
 
<script src="<?= base_url();?>assets/js/preloader.js"></script>
 

<!-- initialize scroll effect !-->       
<script>
    document.addEventListener('DOMContentLoaded', function() {
    // Get all fade-up elements
    const fadeElements = document.querySelectorAll('.fade-up');
    
    // Create Intersection Observer
    const observer = new IntersectionObserver((entries) => {
        entries.forEach(entry => {
            if (entry.isIntersecting) {
                entry.target.classList.add('active');
                
                // Unobserve after animation completes to improve performance
                setTimeout(() => {
                    observer.unobserve(entry.target);
                }, 400);
            }
        });
    }, {
        threshold: 0.1, // Trigger when 10% of element is visible
        rootMargin: '0px 0px -50px 0px' // Adjust trigger point (negative bottom margin)
    });

    // Observe all fade-up elements
    fadeElements.forEach(element => {
        observer.observe(element);
    });
});
</script>
<script>
        document.addEventListener('DOMContentLoaded', function() {
            const sidebar = document.getElementById('sidebar');
            const content = document.getElementById('content');
            const sidebarCollapse = document.getElementById('sidebarCollapse');
            const sidebarCollapseMobile = document.getElementById('sidebarCollapseMobile');
            
            // Toggle sidebar on desktop
            sidebarCollapse.addEventListener('click', function() {
                sidebar.classList.toggle('collapsed');
                content.classList.toggle('expanded');
                
                // Change icon based on state
                const icon = sidebarCollapse.querySelector('i');
                if (sidebar.classList.contains('collapsed')) {
                    icon.classList.remove('bi-chevron-left');
                    icon.classList.add('bi-chevron-right');
                } else {
                    icon.classList.remove('bi-chevron-right');
                    icon.classList.add('bi-chevron-left');
                }
            });
            
            // Toggle sidebar on mobile
            sidebarCollapseMobile.addEventListener('click', function() {
                sidebar.classList.toggle('collapsed');
                content.classList.toggle('expanded');
            });
            
            // Handle dropdown menus in expanded mode
            const dropdownToggles = document.querySelectorAll('.dropdown-toggle');
            dropdownToggles.forEach(toggle => {
                toggle.addEventListener('click', function() {
                    if (!sidebar.classList.contains('collapsed')) {
                        const target = this.getAttribute('data-bs-target');
                        const collapse = document.querySelector(target);
                        bootstrap.Collapse.getInstance(collapse)?.toggle();
                    }
                });
            });
            
            // Initialize tooltips for collapsed sidebar
            const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
            const tooltipList = tooltipTriggerList.map(function(tooltipTriggerEl) {
                return new bootstrap.Tooltip(tooltipTriggerEl);
            });
        });
    </script>
<script>
    AOS.init({
    duration: 1000,
    easing: "ease-in-out",
    once: true,
    mirror: false
    });
</script>
<script>
    (function (w, d, s, u) {
    w.gbwawc = {
    url: u,
    options: {
            waId: "+256772496193",
            siteName: "UGA REDD+",
            siteTag: "Join UGA REDD+ today",
            siteLogo: "https://thegrainmillerssummit.com/summit-icon.png",
            widgetPosition: "RIGHT",
            triggerMessage: "Talk to Us!",
            welcomeMessage: "How can I help you?",
            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>



	</body>
</html>
