$( document ).ready(function() {
    $('.scrollbar-dynamic').scrollbar();
    $.fn.isInViewport = function () {
        var elementTop = $(this).offset().top ;
        var elementBottom = elementTop + $(this).outerHeight() ;
        var viewportTop = $(window).scrollTop();
        var viewportBottom = viewportTop + $(window).height();
        return elementBottom > viewportTop && elementTop < viewportBottom;
    };

    $(".btn-breadcrumb").on("click", function() {
        history.back();
        return false;
    });

    $(".btwToggle").on("click", function() {
        $.post("/site/changeVAT", null, function() {
            var newlocation = updateQueryStringParameter(window.location.href, "ad", null);
            if(newlocation == location.href) {
                location.reload(true);
            } else {
                location.href = updateQueryStringParameter(window.location.href, "ad", null);
            }
        });
    });

    $("#autoSuggest").on("scroll", function() {
        $(document).trigger("scroll");
    });

    var animationMenuSpeed = 200;
    $(".openSubCat").on("click", function() {
        if(!$(this).closest(".mainListCat").hasClass("categoryTitle") && $(this).find(".mobileSubArrow").is(":visible")) {
            $(".categoryTitle.mobile").hide();
            var mainList = $(this).closest(".mainListCat");
            $(mainList).addClass("categoryTitle").addClass("mobile").hide().css("position", "fixed");
            $(mainList).find(".mainListSubCat").show();
            $(".mainListCat:not('.categoryTitle')").effect('slide', { direction: 'right', mode: 'hide' }, animationMenuSpeed);
            $(mainList).effect('slide', { direction: 'left', mode: 'show' }, animationMenuSpeed, function() {
                $(mainList).css("position", "static");
            });
            $(".mobileNavIcons").addClass("returnCat");
            return false;
        }
    });

    $("#filterToggle").on("click", function() {
        $("#filterSidebar").toggle();
        $('.mobileAccordion').not(this).removeClass("in");
    });

    $("div.second.dropdown-subcat").click(function(){
        if ( $( "#mySidenav").children().is( ".mobileNavIcons.firstStepMenu" ) ) {
        } else {
            $(".mobileNavIcons").addClass("firstStepMenu");
        }
    });

    $(".backbtn").click(function(){
        if($(this).closest(".returnCat").length == 0) {
            $(".mobileNavIcons").removeClass("firstStepMenu");
        }
    });

    $(".backbtn").on("click", function () {
        if($(this).closest(".returnCat").length > 0) {
            $(".mainListCat").show();
            $( ".mobileNavIcons").removeClass("returnCat");
            $(".mainListCat.categoryTitle").removeClass("categoryTitle").removeClass("mobile");
            $(".categoryTitle.mobile").show();
            $(".mainListCat:not('.other')").find(".mainListSubCat").hide();
        } else {
            $(".categoryContainer").find("div.subCategories").animate({left: '-100vw'}, animationMenuSpeed);
            $(".categoryContainer").css({'height': ''});
        }
    });

    $(".second.dropdown-subcat").on("click", function(e) {
        var element = $(this);

        if ($(element).find(".mobileArrow").is(":visible")) {
            e.preventDefault();

            var toOpen = $(".categoryContainer").find("div.subCategories[data-parent='" + $(this).data('open') + "']");

            $(".categoryContainer").css({ 'height' : $(toOpen).height()});

            $(toOpen).animate({left:'0vw'},animationMenuSpeed);
        }
    })

    $(".main-wrapper").on("click", "[data-toggle='dropdown-noautoclose']", function() {
        if($(this).parent().hasClass("open")) {
            $(this).parent().removeClass("open");
            $('.menuOverlay').removeClass("toggle");
        } else {
            $("[data-toggle='dropdown-noautoclose']").parent().removeClass("open");
            $(this).parent().addClass('open');
            $('.menuOverlay').addClass("toggle");
        }
    });
    
    
   

    $(".btn-callback").on("click", function() {
        $(".contactInformation").slideUp();
        $(".callBack").slideDown();

    });



    $(".btn-callback-checkout").on("click", function() {
        $(".contactInformation").slideUp(); // Standaard menu
        $(".callBack").slideDown(); // Actief formulier menu
    });


    $(".input-group").on("click", function() {
        $(this).find("input:first").focus();
    })

    $(".btn-previous").on("click", function() {
        $(".callbackConfirm").slideUp();
        $(".callBack").slideUp();
        $(".contactInformation").slideDown();
    });

    $(".btn-sendCallback").on("click", function() {
        $("#callback-error-phone").hide();
        $("#callback-error-name").hide();
        $(".input-group").removeClass("error");
        var error = false;

        if($(this).closest(".callbackForm").find("#callback-name").val() == "") {
            $(this).closest(".callbackForm").find("#callback-name").parent().addClass("error");
            $("#callback-error-name").show();
            error = true;
        }

        if($(this).closest(".callbackForm").find("#callback-phone").val() == "") {
            $(this).closest(".callbackForm").find("#callback-phone").parent().addClass("error");
            $("#callback-error-phone").show();
            error = true;
        }

        if(error == false) {
            var url = $(this).closest(".callbackForm").attr("action");
            $.post(url, $(this).closest(".callbackForm").serialize(), function () {
                $(".callBack").slideUp();
                $(".callbackConfirm").slideDown();
            })
        }
        return false;
    })

    $('.dropdown-menu.cartView').on('click', '.buttonRemove', function() {
        var id = $(this).attr('id');
        $(this).closest(".cartData").trigger("remove");
        $.ajax({
            type: 'post',
            url: '/cart/deleteFront/'+id+'?ajax=yes&front=yes',
            success: function(html){
            $(".main-wrapper .dropdown-menu.cartView, .mobileCartContainer").html(html);
            var quantity = $(".dropdown-menu").find("[data-cartquantity]").data("cartquantity");
            var quantityHTML = quantity === 1 ? "1 item in winkelwagen" : quantity + " items in winkelwagen";

            if(quantity == 0) {
                $(".ordercount").addClass("empty");
            } else {
                $(".ordercount").removeClass("empty");
            }

            $("#cart-counter").html(quantityHTML);
            $(".ordercount.ordercounter ").html(quantity);
        },
    });
    });

    $('.mobileAccordion').on('show.bs.collapse', function () {
        $('.mobileAccordion').not(this).removeClass("in");
        $("#filterSidebar").hide();
    })

    $(".mainLinks").click(function(){
        if ( $( this ).children().is( ".fa-regular.fa-caret-down.pull-left" ) ) {
            // console.log("Active");
            $("#mainCatArrow").addClass("fa-caret-up");
            $("#mainCatArrow ").removeClass("fa-caret-down");
        }
        else {
            // console.log("Not Active");
            $("#mainCatArrow").addClass("fa-caret-down");
            $("#mainCatArrow").removeClass("fa-caret-up");
        }
    });


    $(".mainLinks.SubOne").click(function(){
        if ( $( this ).children().is( ".fa-caret-down" ) ) {
            $("#SubOneArrow").addClass("fa-caret-up");
            $("#SubOneArrow ").removeClass("fa-caret-down");
        }
        else {
            $("#SubOneArrow").addClass("fa-caret-down");
            $("#SubOneArrow").removeClass("fa-caret-up");
        }
    });


    $(".mainLinks.SubTwo").click(function(){
        if ( $( this ).children().is( ".fa-caret-down" ) ) {
            $("#SubTwoArrow").addClass("fa-caret-up");
            $("#SubTwoArrow ").removeClass("fa-caret-down");
        }
        else {
            $("#SubTwoArrow").addClass("fa-caret-down");
            $("#SubTwoArrow").removeClass("fa-caret-up");
        }
    });

    $(".menuOverlay").click(function(){
        if ( $( ".mainLinks" ).children().is( ".fa.fa-caret-up.pull-left" ) ) {
            $("#mainCatArrow").addClass("fa-caret-down");
            $("#mainCatArrow ").removeClass("fa-caret-up");
        }  else {
            $("#mainCatArrow").addClass("fa-caret-down");
            $("#mainCatArrow").removeClass("fa-caret-up");
        }
    });

    $(".menuOverlay").click(function(){
        if ( $( ".mainLinks.SubOne" ).children().is( ".fa-caret-up" ) ) {
            $("#SubOneArrow").addClass("fa-caret-down");
            $("#SubOneArrow ").removeClass("fa-caret-up");
        }  else {
            $("#SubOneArrow").addClass("fa-caret-down");
            $("#SubOneArrow").removeClass("fa-caret-up");
        }
    });

    $(".menuOverlay").click(function(){
        if ( $( ".mainLinks.SubTwo" ).children().is( ".fa-caret-up" ) ) {
            $("#SubTwoArrow").addClass("fa-caret-down");
            $("#SubTwoArrow ").removeClass("fa-caret-up");
        }  else {
            $("#SubTwoArrow").addClass("fa-caret-down");
            $("#SubTwoArrow").removeClass("fa-caret-up");
        }
    });

    $(".second.dropdown-subcat").on('mouseenter mouseleave', function() {
        $(this).toggleClass("activeHover");
    });

    $(".subCategories").on('mouseenter', function() {
        $(".second.dropdown-subcat.activeHover").removeClass("activeHover");
        $(".second.dropdown-subcat[data-open=" + $(this).data('parent') + "]").addClass("activeHover");
    });

    $(".subCategories").on("mouseleave", function() {
        $(".second.dropdown-subcat[data-open=" + $(this).data('parent') + "]").removeClass("activeHover");
    });

    $(".logoUploadPreview .closeWindow, .logoUploadPreview .closedOverlay").on("click", function() {
        $(".logoUploadPreview").toggleClass("closed");
    })

    $(".closeSlide").on("click", function() {
        deactivateLastSlide();
    })


    // PMS Slide
    $("#sideSlide").on("click", "#CartItemEnrichmentTabsPMS", function() {

       // Selector: Container met Standaard gekozen kleuren DIVS
        let colorContainers = document.querySelectorAll('#colorsPreviewBox');

        // Hide Container met standaard gekozen kleuren
        for (var i = 0, len = colorContainers.length; i < len; i++) { // IE fix
            colorContainers[i].style.display = "none";
        }

    });


    // Default Colors Slide
    $("#sideSlide").on("click", "#CartItemEnrichmentTabsStandard", function() {

        // Selector: Container met Standaard gekozen kleuren DIVS
        let colorContainers = document.querySelectorAll('#colorsPreviewBox');

        // Show Container met standaard gekozen kleuren
        for (var i = 0, len = colorContainers.length; i < len; i++) {
            colorContainers[i].style.display = "block";
        }

    });


    $("#sideSlide").on("click", "[data-tab]", function() {
        var id = $(this).data("tab");
        var group = $(this).data("tab-group");
        $("[data-tab-group='"+group+"'].slide-tab").hide(); // Hide default Color Circles
        $("[data-tab-group='"+group+"'].sideSlideTabButton").removeClass("selected");
        $("#"+id).show();  // Show PMS color options
        $(this).addClass("selected"); // Add class Selected on PMS Tab Toggle
        syncColorPicker(this);
    })


    // Prevent enter key searchform
    let DOMsearchElement =  document.getElementById('search');
    let DOMsearchElementMobile =  document.getElementById('searchMobile');

    // Desktop Search form
    if(DOMsearchElement && !window.location.hostname.includes('.de')) {
        console.log('PASS check Tweakwise');
        DOMsearchElement.addEventListener('keydown', function(event) {
            if (event.key === 'Enter') {
                event.preventDefault();
            }
        });
    }

    // Mobile Search form
    if(DOMsearchElementMobile && !window.location.hostname.includes('.de')) {
        console.log('PASS check Mobile Tweakwise');
        DOMsearchElementMobile.addEventListener('keydown', function(event) {
            if (event.key === 'Enter') {
                event.preventDefault();
            }
        });
    }

});

activeSlidesStack = [];
function activateSlide(id, html) {

    document.getElementById('sideSlide').classList.remove('disabled');

    //$("#"+id).show("slide", {direction:'right'},250);
    $("#"+id).find(".sideSlideContent").html(html);

    if(activeSlidesStack.length == 0) {
        $("#sideSlideBackground").show();
        document.getElementById('sideSlide').classList.remove('disabled');
        // $(".contentOverlay").removeClass( "disabled" );
        $("body").addClass("noscroll");
    }
    activeSlidesStack.push(id);
}

function deactivateLastSlide() {
    const id = activeSlidesStack.slice(-1)[0];
    document.getElementById('sideSlide').classList.add('disabled'); // ED test
    deactivateSlide(id);
}

function deactivateSlide(id) {
    $("#"+id).addClass('disabled');
    //$("#"+id).hide("slide", {direction:'right'},250);
    activeSlidesStack.remove(id);
    if(activeSlidesStack.length == 0) {
        $("#sideSlideBackground").hide();
        document.getElementById('sideSlide').classList.add('disabled');
        // $(".contentOverlay").addClass( "disabled" );
        $("body").removeClass("noscroll");
    }

}

function openNav()  {
    document.getElementById("mySidenav").style.left = "0vw";
    $('.menuOverlay ').addClass("toggle");
}

function closeNav() {
    document.getElementById("mySidenav").style.left = "-100vw";
    $('.menuOverlay ').removeClass("toggle");
    $("[data-toggle='dropdown-noautoclose']").parent().removeClass("open");
}


document.addEventListener("DOMContentLoaded", function () {
    const bannerCounter = document.getElementById("bannerCounter");

    if(bannerCounter){
        function calculateDaysUntilChristmas() {
            const today = new Date();
            const year = today.getFullYear();
            const christmasDate = new Date(year, 11, 25); // 11 is December (0-indexed)

            // Als kerst al voorbij is dit jaar, naar volgend jaar gaan
            if (today > christmasDate) {
                christmasDate.setFullYear(year + 1);
            }

            const timeDifference = christmasDate - today;
            const daysUntilChristmas = Math.ceil(timeDifference / (1000 * 60 * 60 * 24)); // Omzetten naar dagen

            return daysUntilChristmas;
        }
        bannerCounter.textContent = calculateDaysUntilChristmas();
    }
});




// $(window).scroll(function() {
//     if($("#top-element").length) {
//         var docViewTop = $(window).scrollTop();
//         var docViewBottom = docViewTop + $(window).height();
//         var elemTop = $("#top-element").offset().top;
//         var elemBottom = elemTop + $("#top-element").height();
//
//         if(((elemTop >= docViewTop))) {
//             $("#main-navBar").removeClass("navbar-fixed-top");
//             $("#userBar").removeClass("navbar-fixed-userBar");
//         } else {
//             $("#main-navBar").addClass("navbar-fixed-top");
//             $("#userBar").addClass("navbar-fixed-userBar");
//         }
//     }
// });



window.addEventListener('scroll', function() {
    if(document.getElementById("top-element")) {
        var docViewTop = window.scrollY;
        var elemTop = document.getElementById("top-element").offsetTop;

        if (elemTop >= docViewTop) {
            document.getElementById("main-navBar").classList.remove("navbar-fixed-top");
            document.getElementById("userBar").classList.remove("navbar-fixed-userBar");
        } else {
            document.getElementById("main-navBar").classList.add("navbar-fixed-top");
            document.getElementById("userBar").classList.add("navbar-fixed-userBar");
        }
    }
}, { passive: true });





$( function() {
    $(".defTooltip").tooltip();
});


// Tooltips - Custom Content
$( function() {

    $('[data-toggle="tooltip"]').tooltip({
        title: "<h1><strong>HTML</strong> inside <code>the</code> <em>tooltip</em></h1>",
        html: true,
        placement: "bottom",
    })
    // https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tooltip_html&stacked=h


    $(".tooltip01").tooltip({
        content: "<b>Gratis verzending</b><br>Wilt u uw bestelling geleverd hebben op één bezorgadres binnen de Benelux, dan is de verzending helemaal gratis!", // Custom html
        position: { my: "left-35 top+5 center", at: "left bottom" },
        show: "slideDown" // show immediately
    }),
    $(".tooltip02").tooltip({
        content: "<b>Gratis drukproef</b><br>U ontvangt van ons altijd een digitale drukproef nadat u uw bestelling heeft ingegeven. Na uw akkoord starten wij met het bedrukken van uw producten.", // Custom html
        position: { my: "left-35 top+5 center", at: "left bottom" },
        show: "slideDown" // show immediately
    }),
    $(".tooltip03").tooltip({
        content: "<b>Gratis sample</b><br>Om de keuze voor het geschikte product voor u gemakkelijker te maken, kunt u bij ons een gratis sample of proefmodel opvragen via onze productpagina (links naast de productafbeelding).", // Custom html
        position: { my: "left-35 top+5 center", at: "left bottom" },
        show: "slideDown" // show immediately
    }),
    $(".tooltip04").tooltip({
        content: "<b>+10.000 relatiegeschenken</b><br>Met wel 10.000 relatiegeschenken in ons assortiment, zit er altijd een passend product tussen dat past bij uw organisatie en budget!", // Custom html
        position: { my: "left-35 top+5 center", at: "left bottom" },
        show: "slideDown" // show immediately
    }),
    $(".tooltip05").tooltip({
        content: "Door onze ruime ervaring in de promotionele branche, leveren we kwalitatieve producten voor een scherpe prijs. Bekijk referenties en ons portfolio voor tevreden klanten die u voorgingen!", // Custom html
        position: { my: "left-35 top+5 center", at: "left bottom" },
        show: "slideDown" // show immediately
    });
});

function updateQueryStringParameter(uri, key, value) {
    var reAnd = new RegExp("([&])" + key + "=.*?(&|$)", "i");
    var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
    var separator = uri.indexOf('?') !== -1 ? "&" : "?";
    if (uri.match(re)) {
        if (value == null) {
            if(uri.match(reAnd)) {
                return uri.replace(re, '$2');
            } else {
                return uri.replace(re, '?$2');
            }
        } else {
            return uri.replace(re, '$1' + key + "=" + value + '$2');
        }
    }
    else {
        if (value == null) {
            return uri;
        } else {
            return uri + separator + key + "=" + value;
        }
    }
}

Array.prototype.remove = function() {
    var what, a = arguments, L = a.length, ax;
    while (L && this.length) {
        what = a[--L];
        while ((ax = this.indexOf(what)) !== -1) {
            this.splice(ax, 1);
        }
    }
    return this;
};