$(document).ready(function(){

    checkPopupOutput();

    function checkPopupOutput()
    {
        if(!getCookie('homePopupDisable')) {
            setTimeout(function()
            {
                $('#popup-template').bPopup({
                    closeClass: 'close_btn',
                    onClose: function (){
                        setCookie('homePopupDisable',1,1);
                    }
                });
            }, 3000);
        }
    }


    /////////////////////////////////////////////////////////////////////////////////////
    $('.header-slider').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        arrows: false,
        dots: false,
        autoplay: true,
        autoplaySpeed: 3000,
    });

    ////////////////////////////////////////////////////////////////////////////////////////////
    const ps = new PerfectScrollbar('.header-navigation');

    $('.burgerButton').click(function (e) {
        if ($(this).hasClass('active')) {
            $(this).removeClass('active');
            $('body').removeClass('scroll-hidden');
            $('.mobile-navigation-wrapper').slideUp();
        } else {
            $(this).addClass('active');
            $('body').addClass('scroll-hidden');
            $('.mobile-navigation-wrapper').slideDown();
            e.stopPropagation();
        }
    });

    ////////////////////////////////////////////////////////////////////////////////////////////
    $('.popular-games-slider').slick({
        slidesToShow: 4,
        slidesToScroll: 1,
        arrows: true,
        dots: false,
        adaptiveHeight: false,
        responsive: [
            {
                breakpoint: 761,
                settings: {
                    slidesToShow: 3,
                }
            },
            {
                breakpoint: 611,
                settings: {
                    slidesToShow: 2,
                    dots: false,
                    autoplay: true,
                    autoplaySpeed: 3000,
                }
            },
            {
                breakpoint: 388,
                settings: {
                    slidesToShow: 1,
                    dots: false,
                    autoplay: true,
                    autoplaySpeed: 3000,
                }
            },
        ]
    });
    ////////////////////////////////////////////////////////////////////////////////////////////
    var btn = $('#myBtn');

    $(window).scroll(function() {
        if ($(window).scrollTop() > 300) {
            btn.addClass('show');
        } else {
            btn.removeClass('show');
        }
    });

    btn.on('click', function(e) {
        e.preventDefault();
        $('html, body').animate({scrollTop:0}, '300');
    });
    ////////////////////////////////////////////////////////////////////////////////////////////
    /*faq*/
    $(".question-item.activ").next(".answer-item").css("display","block");
    $('.question-item').click(function(){
        if($(this).hasClass('activ')){
            $('.question-item').removeClass('activ');
            $('.answer-item').slideUp("slow",function(){$(this).stop(true);});
        }
        else{
            $('.question-item').removeClass('activ');
            $(this).addClass('activ');
            $('.answer-item').slideUp("slow");
            $(this).next('.answer-item').slideDown("slow");
        }
    });
    ////////////////////////////////////////////////////////////////////////////////////////////
    $(".main-pagination-wrapper .screen-reader-text").remove();
    /////////////////////////////////////////////////////////////////////////////////////
    $(".rating_star").each(function(){
        var str = '<i class="far fa-star"></i>';
        $(this).html(str.repeat(5));
        var star = $(this).data("index");
        for (var i = 0; i < star; i++) {
            $(this).children("i").eq(i).removeClass("far");
            $(this).children("i").eq(i).addClass("fas");
        }
    });
/////////////////////////////////////////////////////////////////////////////////////
    var rowslength = 10;
    size_timelinediv = document.querySelectorAll(".casino-table-items-row").length;
    console.log(size_timelinediv)//prints 11
    var x = 10; //number of cards to be displayed
    if (rowslength < 9) {
        // $("#loadMoreprodDiv").hide();
        document.querySelector("#loadMoreprodDiv").style.display = "none";
    }
    if (x == 10) {
        //alert(rowslength)
        //$("#showlessprodDiv").hide();
        document.querySelector("#showlessprodDiv").style.display = "none";

    }
    showOnly(document.querySelectorAll(".casino-table-items-row"),x);

    document.getElementById("loadMoreprodDiv").onclick =  function () {
        x = (x + 10 <= size_timelinediv) ? x + 10 : size_timelinediv;
        showOnly(document.querySelectorAll(".casino-table-items-row"),x);
        //$("#showlessprodDiv").show();
        document.querySelector("#showlessprodDiv").style.display = "flex";

        if (x == size_timelinediv) {
            //$("#loadMoreprodDiv").hide();
            document.querySelector("#loadMoreprodDiv").style.display = "none";
        }
    }


    document.getElementById("showlessprodDiv").onclick = function () {
        x = (x - 10 <= 10) ? 10 : x - 10;
        showOnly(document.querySelectorAll(".casino-table-items-row"),x);
        document.querySelector("#loadMoreprodDiv").style.display = "flex";
        document.querySelector("#showlessprodDiv").style.display = "flex";
        //$("#loadMoreprodDiv").show();
        //$("#showlessprodDiv").show();

        if (x == 10) {
            document.querySelector("#showlessprodDiv").style.display = "none";
            //$("#showlessprodDiv").hide();

        }
    }

    function showOnly(nodeList, index) {
        for (i = 0; i < nodeList.length; i++ ) {
            nodeList[i].style.display = i<index ? "flex": "none";
        }
    }
});
$(window).scroll(function() {
    if ($(this).scrollTop() > 110) {
        $('.header-mobile-top-panel').addClass('fixed');
    } else {
        $('.header-mobile-top-panel').removeClass('fixed');
    }
});

function setCookie(name,value,days) {
    var expires = "";
    if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days*24*60*60*1000));
        expires = "; expires=" + date.toUTCString();
    }
    document.cookie = name + "=" + (value || "")  + expires + "; path=/";
}
function getCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return false;
}