<footer class="footer">

<div class="footer-container">

<!-- ================= LEFT ================= -->
<div class="footer-col">

<h4>पंचायत</h4>

<ul>
<li><a href="/"><i class="fa-solid fa-house"></i> होम</a></li>
<li><a href="panchayat.php"><i class="fa-solid fa-user-tie"></i> पंचायत</a></li>
<li><a href="contact.php"><i class="fa-solid fa-phone"></i> संपर्क</a></li>
</ul>

</div>

<!-- ================= BUILDINGS ================= -->
<div class="footer-col">

<h4>भवन</h4>

<ul>
<li><a href="buildings.php?type=chaupals"><i class="fa-solid fa-landmark"></i> चौपाल</a></li>
<li><a href="buildings.php?type=govt_buildings"><i class="fa-solid fa-building"></i> सरकारी भवन</a></li>
<li><a href="buildings.php?type=anganwadi"><i class="fa-solid fa-child"></i> आंगनवाड़ी</a></li>
<li><a href="buildings.php?type=temples"><i class="fa-solid fa-place-of-worship"></i> मंदिर</a></li>
</ul>

</div>

<!-- ================= SERVICES ================= -->
<div class="footer-col">

<h4>सेवाएं</h4>

<ul>
<li><a href="schemes.php"><i class="fa-solid fa-hand-holding-dollar"></i> योजनाएं</a></li>
<li><a href="gallery.php"><i class="fa-solid fa-image"></i> फोटो गैलरी</a></li>
<li><a href="/development.php?village=<?php echo $village['slug']; ?>"><i class="fa-solid fa-screwdriver-wrench"></i> विकास कार्य</a></li>
</ul>

</div>

<!-- ================= INFO ================= -->
<div class="footer-col">

<h4>जानकारी</h4>

<ul>
<li><a href="about_detail.php"><i class="fa-solid fa-circle-info"></i> गांव के बारे में</a></li>
<li><a href="#"><i class="fa-solid fa-chart-line"></i> आंकड़े</a></li>
<li><a href="#"><i class="fa-solid fa-video"></i> वीडियो</a></li>
</ul>

</div>

</div>

<!-- ================= BOTTOM ================= -->

<div class="footer-bottom">

<div class="footer-left">
© <?php echo date("Y"); ?> Digital Panchayat Portal
</div>

<div class="footer-center">
भारत सरकार की डिजिटल गांव पहल
</div>

<div class="footer-right">
Developed for Smart Village Initiative
</div>

</div>

</footer>


<!-- ================= SCRIPTS ================= -->

<script src="js/script.js"></script>

<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

<script src="https://cdn.jsdelivr.net/npm/lightbox2@2.11.4/dist/js/lightbox.min.js"></script>

<script>

/* LIGHTBOX SETTINGS */
lightbox.option({
resizeDuration: 200,
wrapAround: true,
fitImagesInViewport: true,
maxWidth: 900,
maxHeight: 600
});

/* MOBILE SWIPE */
document.addEventListener('touchstart', handleTouchStart, false);        
document.addEventListener('touchmove', handleTouchMove, false);

let xDown = null;

function handleTouchStart(evt){
    xDown = evt.touches[0].clientX;
}

function handleTouchMove(evt){

    if (!xDown) return;

    let xUp = evt.touches[0].clientX;
    let xDiff = xDown - xUp;

    if (Math.abs(xDiff) > 50){

        if (xDiff > 0){
            document.querySelector('.lb-next')?.click();
        } else {
            document.querySelector('.lb-prev')?.click();
        }

    }

    xDown = null;
}

</script>

</body>
</html>