<div class="container footer">
    <div class='row'>
        <div class="col-md-6 col-lg-3">
            <?php
            wp_nav_menu(array(
                'menu'           => 'Menu Footer - Beta',
            ));
            ?>
            <?php if (ICL_LANGUAGE_CODE == 'fr'): ?>
                <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/traduction/agence-web-studio-graphique-bruxelles-verviers.svg" alt="Agence web et studio graphique à Bruxelles et Liège">
            <?php else: ?>
                <img src="<?php echo get_stylesheet_directory_uri(); ?>/images/traduction/web-graphic-design-agency-brussels-verviers.svg" alt="Web & graphic design agency - Brussels - Verviers | Deligraph
">
            <?php endif; ?>
            <div class="social">
                <a target="_blank" href="https://www.facebook.com/deligraph/ ">
                    <svg id="Groupe_47" data-name="Groupe 47" xmlns="http://www.w3.org/2000/svg" width="13.384" height="13.386" viewBox="0 0 13.384 13.386">
                        <path id="Tracé_47" data-name="Tracé 47" d="M9.266,8.22h1.727l.265-2.036a2.494,2.494,0,0,0-.25-.026c-.523,0-1.046,0-1.57,0-.138,0-.2-.034-.191-.185.019-.47,0-.943.042-1.411a.637.637,0,0,1,.662-.607c.38-.022.762-.02,1.143-.014.17,0,.242-.043.238-.227-.011-.484,0-.969,0-1.453,0-.086.019-.184-.121-.2a6.78,6.78,0,0,0-2.29.032A2.192,2.192,0,0,0,7.188,4.014a15.182,15.182,0,0,0-.073,1.834c-.008.309,0,.309-.3.309-.414,0-.827,0-1.24,0-.153,0-.219.041-.216.208q.013.833,0,1.666c0,.156.053.2.2.194.458-.008.917,0,1.375-.006.133,0,.182.036.182.174q0,2.413,0,4.825c0,.136-.048.174-.181.174-2.067,0-4.134,0-6.2,0a.724.724,0,0,1-.742-.752q0-5.939,0-11.878A.724.724,0,0,1,.734,0q5.949,0,11.9,0a.724.724,0,0,1,.742.752q0,5.939,0,11.878a.72.72,0,0,1-.7.749c-1.111.008-2.222,0-3.333,0a.4.4,0,0,1-.07-.015C9.266,11.663,9.266,9.955,9.266,8.22Z" transform="translate(0.01 -0.002)" />
                    </svg>
                </a>
                <a target="_blank" href="https://www.instagram.com/deligraph/">
                    <svg id="Groupe_46" data-name="Groupe 46" xmlns="http://www.w3.org/2000/svg" width="13.424" height="13.386" viewBox="0 0 13.424 13.386">
                        <path id="Tracé_44" data-name="Tracé 44" d="M4.471,0H8.948c.363.029.726.051,1.088.09a3.477,3.477,0,0,1,3.144,2.627,9.277,9.277,0,0,1,.2,1.634c.039.563.034,1.129.047,1.693v1.3c-.008.23-.013.461-.024.691-.036.737-.016,1.482-.123,2.209a3.347,3.347,0,0,1-2.405,2.89,4.871,4.871,0,0,1-1.405.235c-1.842.026-3.684.025-5.526,0a4.056,4.056,0,0,1-2.387-.711A3.683,3.683,0,0,1,.048,9.606C0,8.182,0,6.757,0,5.333c0-.641.021-1.284.084-1.921A3.552,3.552,0,0,1,3.4.086C3.758.049,4.114.028,4.471,0Zm-3.3,6.83c.035.952.05,2.018.122,3.081a2.263,2.263,0,0,0,.988,1.778,2.534,2.534,0,0,0,1.344.44c.856.041,1.714.071,2.571.068,1.192,0,2.386-.02,3.578-.072a2.365,2.365,0,0,0,1.772-.831,2.5,2.5,0,0,0,.573-1.522c.045-.856.071-1.714.069-2.571,0-1.185-.022-2.371-.07-3.555A2.412,2.412,0,0,0,11.4,1.958a2.53,2.53,0,0,0-1.8-.689c-1.938-.023-3.878-.052-5.815.006A2.342,2.342,0,0,0,1.283,3.653C1.186,4.668,1.21,5.694,1.176,6.83Z" transform="translate(0)" />
                        <path id="Tracé_45" data-name="Tracé 45" d="M54.4,57.945a3.446,3.446,0,1,1,3.445,3.447A3.433,3.433,0,0,1,54.4,57.945Zm1.211,0a2.234,2.234,0,1,0,2.233-2.229A2.241,2.241,0,0,0,55.611,57.941Z" transform="translate(-51.142 -51.236)" />
                        <path id="Tracé_46" data-name="Tracé 46" d="M159.025,40.4a.806.806,0,1,1,.806-.814A.8.8,0,0,1,159.025,40.4Z" transform="translate(-148.744 -36.466)" />
                    </svg>
                </a>
                <!-- <a target="_blank" href="https://twitter.com/deligraph">
            <svg id="Groupe_48" data-name="Groupe 48" xmlns="http://www.w3.org/2000/svg" width="16.108" height="13.157" viewBox="0 0 16.108 13.157">
            <path id="Tracé_48" data-name="Tracé 48" d="M0,11.689A6.7,6.7,0,0,0,4.828,10.3a3.4,3.4,0,0,1-3.09-2.311,3.766,3.766,0,0,0,1.488-.068A3.328,3.328,0,0,1,1.008,6.291a2.936,2.936,0,0,1-.4-1.649,3.3,3.3,0,0,0,1.459.4A3.334,3.334,0,0,1,.7,3.017,3.27,3.27,0,0,1,1.06.625,9.484,9.484,0,0,0,7.875,4.089c-.014-.33-.048-.639-.038-.947A3.11,3.11,0,0,1,9.083.724,3.293,3.293,0,0,1,12.975.555a4.081,4.081,0,0,1,.486.4.23.23,0,0,0,.235.068,6.59,6.59,0,0,0,1.8-.676c.045-.025.092-.046.17-.085a3.312,3.312,0,0,1-1.37,1.785,6.008,6.008,0,0,0,1.785-.463l.032.039c-.271.312-.529.636-.816.933a9.273,9.273,0,0,1-.724.635.255.255,0,0,0-.109.224,9.447,9.447,0,0,1-1.724,5.737A8.948,8.948,0,0,1,9.852,11.9a9.3,9.3,0,0,1-3.744,1.2,9.813,9.813,0,0,1-3.632-.288A8.608,8.608,0,0,1,0,11.689Z" transform="translate(0 0)"/>
            </svg>
            </a> -->
                <a target="_blank" href="https://be.linkedin.com/company/deligraph">
                    <svg id="Groupe_49" data-name="Groupe 49" xmlns="http://www.w3.org/2000/svg" width="13.355" height="13.355" viewBox="0 0 13.355 13.355">
                        <path id="Tracé_49" data-name="Tracé 49" d="M0,11.129v-8.9c.015-.067.031-.134.044-.2A2.509,2.509,0,0,1,2.475,0h8.368a2.952,2.952,0,0,1,.332.019,2.506,2.506,0,0,1,2.18,2.437v8.4a2.5,2.5,0,0,1-1.7,2.364c-.171.056-.349.088-.525.132h-8.9c-.021-.006-.04-.017-.061-.021A2.473,2.473,0,0,1,.134,11.66,4.694,4.694,0,0,1,0,11.129Zm7.274.7v-.14c0-1.131,0-2.262,0-3.395a4.4,4.4,0,0,1,.05-.642A1.1,1.1,0,0,1,8.3,6.6a1,1,0,0,1,1.294.872,5.162,5.162,0,0,1,.075.918c.008,1.091,0,2.18,0,3.271v.14H11.84v-.115c0-1.34,0-2.678-.008-4.018a5.106,5.106,0,0,0-.167-1.319,2.021,2.021,0,0,0-1.221-1.472A3.124,3.124,0,0,0,8.89,4.7,2.161,2.161,0,0,0,7.226,5.738a.709.709,0,0,1-.048.056V4.856H5.115v6.975ZM1.568,4.854V11.8H3.719V4.854ZM2.659,1.4A1.244,1.244,0,0,0,1.4,2.659,1.243,1.243,0,0,0,2.661,3.928a1.265,1.265,0,0,0,0-2.529Z" />
                        <path id="Tracé_50" data-name="Tracé 50" d="M0,53.24a4.63,4.63,0,0,0,.136.533,2.473,2.473,0,0,0,2.03,1.672.348.348,0,0,1,.061.021H0Z" transform="translate(0 -42.111)" />
                    </svg>
                </a>

            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="menuHaut">
            </div>
            <div class="">
                <p>Agence de communication visuelle</p>
                <p class="info">
                    Culture Drops Sprl division Deligraph
                    <br>
                    <span><a class="emailFooter" href="mailto:info@deligraph.com">info@deligraph.com</a></span>
                </p>
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="menuHaut">
                <p>Vous et Deligraph</p>
                <?php
                wp_nav_menu(array(
                    'menu' => 'Vous-et-deligraph-beta',
                ));
                ?>
            </div>
            <div class="menuBas">
                <p>Deligraph... ?</p>
                <?php
                wp_nav_menu(array(
                    'menu' => 'Deligraph…?-beta',
                ));
                ?>
                <!--
                <p>Bruxelles</p>
                <p class="info">
                    +32 2 344 96 14
                    <br>
                    Rue Meyerbeer 20 – 1190 Bruxelles
                </p>
                -->
            </div>
        </div>
        <div class="col-md-6 col-lg-3">
            <div class="menuHaut">
                <p>Bruxelles</p>
                <p class="info">
                    +32 474 047 647
                    <br>
                    Avenue des Violettes 18 <br />1640 Rhode-Saint-Genèse
                </p>
            </div>
            <div class="menuBas">
                <p>Verviers</p>
                <p class="info">
                    +32 474 047 647
                    <br>
                    Avenue Léopold II 6 <br />4800 Verviers
                </p>
            </div>
        </div>
        <div class="col-12 col-lg-3">
            <p class="legal"><span class="tva">TVA : BE 0835 103 682 – RPM : Bruxelles</span></p>
        </div>
        <div class="col-12 col-lg-3">
            <p class="legal"><span class="condition"><a href="<?php echo home_url() ?>/cgv-20150114/">Conditions Générales de Vente – 20150114</a></span></p>
        </div>
        <div class="col-12 col-lg-3">
            <p class="legal"><span class="condition"><a href="<?php echo home_url() ?>/vie-privee/">Déclaration en matière de vie privée</a></span></p>
        </div>
        <div class="col-12 col-lg-3">
            <p class="legal"><span class="copyright">© 2020 | Delicious Visual Communication</span></p>
        </div>
    </div>
</div>
<!-- COOKIE NOTICE -->

</div><!-- #content -->
</div><!-- #page -->
<?php wp_footer(); ?>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/bootstrap/bootstrap.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/slick/slick.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/slick/slickModal.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/isotope.min.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/readingtime.js"></script>
<script src="<?php echo get_stylesheet_directory_uri(); ?>/assets/snackbar/snackbar.js"></script>
<script src="https://player.vimeo.com/api/player.js"></script>

<?php if (is_page('Contactez-nous')) { ?>
    <script type="text/javascript" src="<?php echo get_stylesheet_directory_uri(); ?>/js/mainmap.js"></script>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyD1gWDnHl7ipnasVXymkU0gdcOrJzMse1M"></script>
<?php } ?>
<!-- SLICK -->
<script>
    $('.single-item').slick({
        dots: true,
        arrows: false,
        autoplay: false,
        autoplaySpeed: 4000,
    });
</script>
<!-- ISOTOPE -->
<?php
if (is_page(5697)):
?>
    <script>
        // init Isotope
        window.onload = (event) => {
            $(document).ready(function() {
                var $grid = $('.grid').isotope({
                    itemSelector: '.element-item',
                    layoutMode: 'fitRows',
                });
                // filter items on button click
                $('.button-group').on('click', 'button', function() {
                    var filterValue = $(this).attr('data-target');
                    $grid.isotope({
                        filter: filterValue
                    });
                });

                $('.button-group').each(function(i, buttonGroup) {
                    var $buttonGroup = $(buttonGroup);
                    $buttonGroup.on('click', 'button', function() {
                        $buttonGroup.find('.is-checked').removeClass('is-checked');
                        $(this).addClass('is-checked');
                    });
                });
            });
        };
    </script>
<?php
endif;
?>
<!-- video modal portfolio -->
<?php
if (is_page(5697)):
    if (have_rows('portfolio_beta', 5697)):
        $i = 1;
        while (have_rows('portfolio_beta', 5697)) : the_row();
            $cat = get_sub_field('categorie_du_projet', 5697);
            if ($cat['value'] === 'video'):
?>
                <script>
                    $(document).ready(function() {
                        // Modal 1
                        $('#video-portfolio-<?php echo $i; ?>').slickModals({
                            popupWidth: '80%',
                            popupHeight: '80%',
                            popupLocation: 'center',
                            popupAnimationDuration: '0.6',
                            popupAnimationEffect: 'slideBottom',
                            popupBoxShadow: '0 0 40px 0 rgba(0,0,0,0.4)',
                            popupPadding: '0',
                            mobileBreakPoint: '800px',
                            mobileLocation: 'center',
                            mobileWidth: '100%',
                            mobileHeight: '80%',
                            mobilePadding: '0',
                            videoSupport: true,
                            videoAutoPlay: true,
                            videoStopOnClose: true,
                            buttonStyle: 'labeled',
                            reopenClass: 'openSlickModal-<?php echo $i; ?>'
                        });
                    });
                </script>
<?php
                $i++;
            endif;
        endwhile;
    endif;
endif;
?>
<script>
    var couleur = ['mauve', 'vert', 'rose', 'jaune', 'bleu'];
    $(document).ready(function() {
        $(".wp-megamenu-item-11061 > a").mouseenter(function() {
            const colorRandom = couleur[Math.floor(Math.random() * couleur.length)];
            $(".wp-megamenu-sub-menu").addClass(colorRandom);
            $("#wp-megamenu-item-11061 a").addClass(colorRandom);
            console.log(colorRandom);
        });
        $(".wp-megamenu-item-11061 > ul.wp-megamenu-sub-menu").mouseleave(function() {
            $(".wp-megamenu-sub-menu").removeClass('mauve');
            $(".wp-megamenu-sub-menu").removeClass('vert');
            $(".wp-megamenu-sub-menu").removeClass('rose');
            $(".wp-megamenu-sub-menu").removeClass('jaune');
            $(".wp-megamenu-sub-menu").removeClass('bleu');
        });
        $(".wp-megamenu-item-11061 > a").mouseleave(function() {
            $("#wp-megamenu-item-11061 a").removeClass('mauve');
            $("#wp-megamenu-item-11061 a").removeClass('vert');
            $("#wp-megamenu-item-11061 a").removeClass('rose');
            $("#wp-megamenu-item-11061 a").removeClass('jaune');
            $("#wp-megamenu-item-11061 a").removeClass('bleu');
        });

        $('.wp-megamenu-item-11061 > a').click(function(e) {
            e.preventDefault();
        });

        $(window).resize(function() {
            var current_width = parseInt($(window).width());
            if (current_width >= 992) {
                $('#wp-megamenu-primary-beta').addClass('desktopMenu');
            }

            if (current_width <= 991) {
                $('#wp-megamenu-primary-beta').removeClass('desktopMenu');
            }

        });
        /*
          	$("#wp-megamenu-item-11061 > a").click(function(){
        	    if ($(window).width() <= 991){
        		    console.log('jepasse');
        		  //console.log('coucou');
        		  if($('#wp-megamenu-item-11061').hasClass('activer')){
        			  $("#wp-megamenu-item-11061 > .wp-megamenu-sub-menu").hide();
        			  $('#wp-megamenu-item-11061').removeClass('activer');
        		  }else{
        			  $("#wp-megamenu-item-11061 > .wp-megamenu-sub-menu").show();
        			  $('#wp-megamenu-item-11061').addClass('activer');
        		  }
        		}

            });
        */





    });
</script>
<?php if (is_single()): ?>
    <script>
        /* TEMPS DE LECTURE */
        $(function() {

            $('.contenu').readingTime({
                readingTimeAsNumber: true,
                readingTimeTarget: $('.eta'),
                wordsPerMinute: 210,
                round: true,
                lang: 'fr',
                success: function(data) {
                    //console.log(data);
                },
                error: function(data) {
                    console.log(data.error);
                    $('.reading-time').remove();
                }
            });
        });

        /* PROGRESS BAR */

        var h = document.documentElement,
            b = document.body,
            st = 'scrollTop',
            sh = 'scrollHeight',
            progress = document.querySelector('.progress'),
            scroll;

        document.addEventListener('scroll', function() {
            scroll = (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;
            progress.style.setProperty('--scroll', scroll + '%');
        });


        /* SNACKBAR */
        /*
        $(window).scroll(function() {
           if($(window).scrollTop() + $(window).height() == $(document).height()) {
           Snackbar.show({
           text: '<?php echo get_field('contenu_de_la_snackbar'); ?>',
           width: 'auto',
        });
           }
        });
        */
    </script>
<?php endif; ?>
<script>
    //get all the fruit + veg divs
    const veg = document.querySelectorAll('.veg');

    // randomize the fruit + veggies on the page
    let speed = [];
    let position = [];

    for (let i = 0; i < veg.length; i++) {
        //set the position of the fruit to a random location
        let height = Math.floor(Math.random() * window.innerHeight);
        let width = Math.random() * window.innerWidth;

        veg[i].style.top = `${height}px`;
        veg[i].style.left = `${width}px`;

        //push a random speed between 20 + 35 into the speed array to determine how fast the fruit will fall
        speed.push(Math.ceil(Math.random() * 10) + 10);
        //push the fruits current top value into the position array
        position.push(height);
    }
    // set the make it rain function...
    function makeItRain() {
        // go through the veg array...
        for (let i = 0; i < veg.length; i++) {
            //set the fruits position to the new position, which is it's current position plus the speed it is falling
            position[i] += speed[i];
            veg[i].style.top = `${position[i]}px`;

            //if the fruit falls below the end of the screen, reset it and choose a new position
            if (position[i] > (window.innerHeight + 50)) {

                position[i] = -75;
                veg[i].style.left = `${Math.random()*window.innerWidth}px`;
            }
        }
    }
    //set the interval to re-reun the makeItRain function every 100ms
    setInterval(makeItRain, 100);
</script>

<!-- MENU SCROOL UP -->
<script>
    var didScroll;
    var lastScrollTop = 0;
    var delta = 100;
    var navbarHeight = $('.header').outerHeight();

    $(window).scroll(function(event) {
        didScroll = true;
    });

    setInterval(function() {
        if (didScroll) {
            hasScrolled();
            didScroll = false;
        }
    }, 250);

    function hasScrolled() {
        var st = $(this).scrollTop();

        // Make sure they scroll more than delta
        if (Math.abs(lastScrollTop - st) <= delta)
            return;

        // If they scrolled down and are past the navbar, add class .nav-up.
        // This is necessary so you never see what is "behind" the navbar.
        if (st > lastScrollTop && st > navbarHeight) {
            // Scroll Down
            $('.header').removeClass('nav-down').addClass('nav-up');
            $('.containerMenu').removeClass('colorMenu');

        } else {
            // Scroll Up
            if (st + $(window).height() < $(document).height()) {
                $('.header').removeClass('nav-up').addClass('nav-down');
                $('.containerMenu').addClass('colorMenu');

            }
        }

        lastScrollTop = st;

        var reset = $(this).scrollTop();
        if (reset == 0) {
            $('.containerMenu').removeClass('colorMenu');
        }
    }
</script>
<script type="text/javascript">
    $(document).ready(function() {
        // Modal 1
        $('#cookie').slickModals({
            popupType: 'delayed',
            delayTime: 0,
            setCookie: true,
            cookieDays: 30,
            cookieTriggerClass: 'setCookie-1',
            cookieName: 'deliraph-cookie',
            cookieScope: 'domain',
            popupWidth: '400px',
            popupHeight: '200px',
            popupLocation: 'bottomRight',
            popupAnimationDuration: '0.8',
            popupAnimationEffect: 'bounceInRight',
            popupBoxShadow: '0 0 20px 0 rgba(0,0,0,0.6)',
            popupPadding: '25px',
            mobileBreakPoint: '400px',
            mobileLocation: 'bottomCenter',
            mobileWidth: '100%',
            mobileHeight: 'auto',
            mobilePadding: '20px 20px 50px 20px',
            reopenClass: 'nope'

        });
    });
</script>
<!-- POSITION FIXE DOMAINE SINGLE -->
<script>
    $(function() {
        $(document).scroll(function() {
            if ($(this).scrollTop() >= $('.crawler').offset().top - 50) {
                $(".domaineBloc").addClass('fixe');
            } else {
                $(".domaineBloc").removeClass('fixe');
            }
        });
    });
</script>
</body>

</html>