<footer class="">
    <div class="background-image" style="background-image: url('<?php the_field('before_footer_image', 'option'); ?>');">
    <span class="bg-filter"></span>
    </div>
    <div class="footer-row bg-dark">
        <div class="wrapper--inner">
            <div class="logo">
                <img class="img-auto"
                    src="<?php the_field('logo', 'option'); ?>" alt="logo ostal">
            </div>
    
            <div class="footer-grid">
                <div class="grid-item">
                    <?php the_field('adres', 'option'); ?>
                </div>

                <div class="grid-item">
                </div>
    
                <div class="grid-item">
                    <?php wp_nav_menu( array(
                        'menu' => 'footer-menu-left',
                        'menu_class' => 'footer-menu' ) ); 
                    ?>
                </div>

                <div class="grid-item">
                    <?php wp_nav_menu( array(
                        'menu' => 'footer-menu-right',
                        'menu_class' => 'footer-menu' ) ); 
                    ?>
                </div>

            </div>
        </div>
    </div>

    <div class="footer-copyright">
        <div class="wrapper--inner">
            <ul class="footer-copyright-grid">
                <li>
                    <?php $privacy_policy = get_field('privacy_policy', 'option'); ?>
                    <a href="<?php echo $privacy_policy['url'];?>">
                        <?php echo $privacy_policy['title'] ?>
                    </a>
                </li>
                <li>
                    <?php the_field('all_rights_reserved', 'option'); ?>
                </li>
                <li>
                    <?php $website_author = get_field('website_author', 'option'); ?>
                    <a href="<?php echo $website_author['url'];?>">
                        <?php echo $website_author['title'] ?>
                    </a>
                </li>
            </ul>
        </div>
    </div>


    <?php

    if(is_page_template( 'page-templates/template-home.php' )) { ?>

    <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>

    <script type="text/javascript">
    const swiper = new Swiper('#hero-slider', {
        loop: false,
        speed: 1000,
        centeredSlides: true,
        // autoHeight: true,
        slidesPerView: 1,
        direction: 'horizontal',
        // autoplay: {
        //     delay: 3000,
        //     pauseOnMouseEnter: true
        // },
        effect: 'fade',
        fadeEffect: {
            crossFade: true
        },
        navigation: {
            prevEl: ".swiper-button-prev",
            nextEl: ".swiper-button-next",


        },

    });
    </script>

    <?php } ?>

</footer>

<?php wp_footer(); ?>

</div> <!-- ostal-wrapper -->
</body>
</html>