<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package WordPress
 * @subpackage Twenty_Nineteen
 * @since Twenty Nineteen 1.0
 */

?>
<footer>
        <div class="container">
            <div class="row maxwidth1150">
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="portion logoSec">
                        <a href="<?php echo esc_url(get_site_url()); ?>" class="logo"><img src="<?php echo get_option('site_logo');?>" alt=""></a>
                        <p><?php echo get_option('footer_text');?></p>
                        <h4>followers</h4>
                        <ul class="social_links d-flex align-items-center">
                            <li><a href="" target="_blank" previewlistener="true"><i class="<?php echo get_option('facebook');?>"></i></a></li>
                            <li><a href="" target="_blank" previewlistener="true"><i class="<?php echo get_option('twitter');?>"></i></a></li>
                            <li><a href="" target="_blank" previewlistener="true"><i class="<?php echo get_option('youtube');?>"></i></a></li>
                            <li><a href="" target="_blank" previewlistener="true"><i class="<?php echo get_option('linkedin');?>"></i></a></li>
                        </ul>
                        
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="portion">
                        <h3>Quick Links</h3>
                        <?php
                            wp_nav_menu( array(
                            'theme_location'    => 'footer_menu',
                            'depth'             => 2,
                            'container'         => '',
                            'container_class'   => '',
                            'container_id'      => '',
                            'menu_class'        => 'menu_list',
                            ));
                        ?>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="portion">
                        <h3>Recent Posts</h3>
                        <?php
                            // Fetch blog posts
                            $blogs = get_posts(array(
                                'post_type'      => 'blog',
                                'post_status'    => 'publish',
                                'orderby'        => 'date',
                                'order'          => 'DESC', // Showing the latest posts first
                                'posts_per_page' => 3
                            ));

                            if (!empty($blogs)) : // Display blogs only if there are posts
                        ?>
                        <ul class="contct_list">
                            <?php
                                foreach ($blogs as $blogsListVal) {
                                $featuredImage = get_the_post_thumbnail_url($blogsListVal->ID, 'full');
                                $postLink = get_permalink($blogsListVal->ID); // Fetching the post permalink
                            ?>
                            <li>
                                <a href="<?php echo esc_url($postLink); ?>" class="d-flex ">
                                    <span class="icon"><img src="<?php echo esc_url($featuredImage); ?>" alt=""></span>
                                    <span class="dts"><?php echo get_the_title($blogsListVal->ID); ?></span>
                                </a>
                            </li>
                            <?php } ?>
                        </ul>
                        <?php endif; ?>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-sm-12">
                    <div class="portion">
                        <h3>Contact Info</h3>
                        <ul class="contct_list contactInfo">
                            <li>
                                <p href="" class="d-flex ">
                                    <span class="icon"><img src="<?php echo esc_url(get_template_directory_uri() . '/images/map.svg'); ?>" alt=""></span>
                                    <span class="dts"><?php echo get_option('contact_address');?></span>
                                </p>
                            </li>
                            <li>
                                <p class="d-flex ">
                                    <span class="icon"><img src="<?php echo esc_url(get_template_directory_uri() . '/images/address.svg'); ?>" alt=""></span>
                                    <span class="dts"><a href="mailto:<?php echo get_option('contact_email');?>" ><?php echo get_option('contact_email');?></a></span>
                                </p>
                            </li>
                            <li>
                                <p class="d-flex ">
                                    <span class="icon"><img src="<?php echo esc_url(get_template_directory_uri() . '/images/call.svg'); ?>" alt=""></span>
                                    <span class="dts"><a href="tel:<?php echo get_option('contact_phone');?>"><?php echo get_option('contact_phone');?></a></span>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div class="bottomfooter">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <p class="text-center">Copyright © <?php echo date('Y'); ?> <a style="color: #fff" href="https://cosmicindrani.com/">Cosmicindrani</a>. All Right Reserved.</p>
                </div>
            </div>
        </div>
    </div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery-migrate-1.4.1.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/jquery.slicknav.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/app.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/numberCounter.js"></script>
    <script src="<?php echo get_template_directory_uri(); ?>/js/testimonials.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
    
    <script>
        $(document).ready(function(){
            $(".owl-carousel").owlCarousel({
                loop: true,
                margin: 10,
                nav: false,
                dots: true,
                autoplay: true,
                autoplayTimeout: 5000,
                responsive: {
                    0: { items: 1 },
                    785: { items: 2 },
                    1200: { items: 3 }
                }
            });
        });
    </script>
    <script>
        new WOW().init();
    </script>
    <script>
        document.addEventListener("DOMContentLoaded", function () {
            const contentSlider = document.querySelector("#contentSlider");
            const carousel = new bootstrap.Carousel(contentSlider, {
                interval: 5000, // Autoplay interval of 5 seconds
                ride: "carousel", // Start automatically
            });
        });
        Fancybox.bind('[data-fancybox="gallery"]', {
        // Your custom options for a specific gallery
        });
        Fancybox.bind('[data-fancybox="gallery2"]', {
        // Your custom options for a specific gallery
        });
        Fancybox.bind('[data-fancybox="gallery3"]', {
        // Your custom options for a specific gallery
        });
    </script>

<?php wp_footer(); ?>

</body>
</html>