// const { random } = require("lodash");

$(document).ready(function () {
    if ($(".header-news-slider").length > 0) {
        $(".header-news-slider").each(function () {
            $(".header-news-slider").owlCarousel({
                autoWidth: true,
                loop: true,
                margin: 10,
                autoplay: true,
                slideTransition: "linear",
                autoplayTimeout: 15000,
                autoplaySpeed: 15000,
                autoplayHoverPause: false,
                dots: false,
            });
        });
    }
    // animation start
    function animation() {
        var windowHight = $(window).height();
        var scroll = $(window).scrollTop();
        $(".animation").each(function () {
            var pozicija = $(this).offset().top;
            var animacija = $(this).attr("data-animation");
            var delay = $(this).attr("data-delay");
            if (pozicija < scroll + windowHight - 50) {
                $(this).css("animation-delay", delay);
                $(this).addClass(animacija);
            }
        });
    }
    animation();
    $(window).scroll(function () {
        animation();
    });
    // animation end

    //latest most-read widget code
    $(".latest-mostread-widget-navigation").on("click", "a", function (e) {
        e.preventDefault();
        let target = $(this).data("target");
        $(this).parent().siblings().removeClass("active");
        $(this).parent().addClass("active");

        $(this)
            .closest("ul")
            .next()
            .find(".latest-mostread-widget-inner")
            .removeClass("active");
        $(this).closest("ul").next().find(target).addClass("active");
    });

    //homepage tv arena slider
    if ($(".tvarena-slider").length > 0) {
        $(".tvarena-slider").owlCarousel({
            loop: false,
            margin: 19,
            autoWidth: true,
            dots: false,
            nav: false,
            items: 1,
            responsive: {
                768: {
                    items: 3,
                },
                1265: {
                    margin: 36,
                },
            },
        });
    }

    //header code
    $(".language-wrapper").on("click", ".current-language", function () {
        $(this).siblings(".language-list").slideToggle();
    });

    // $(".navbar-toggler").click(function (e) {
    //     e.preventDefault();
    //     $(this).toggleClass("active");
    //     $(".menu-wrapper").toggleClass("active");
    //     let windowSize = $(window).width();
    //     if (windowSize < 992) {
    //         $(".header-bottom .search-form").fadeOut();
    //     }
    // });

    $(" header .search-form-wrapper").on(
        "click",
        ".toggle-search",
        function (event) {
            event.stopPropagation();
            $("header .search-form").fadeToggle();
            $(".menu-wrapper").removeClass("active");
            $(".submenu-true").removeClass("submenu-open");
            $(".additional-menu").removeClass("menu-on");
            $(".header-new .menu-toggler").removeClass("active");
            $("html").removeClass("overflow");
        }
    );

    $("body").click(function () {
        $("header .search-form").fadeOut();
    });

    $(".search-form").click(function (e) {
        e.stopPropagation();
    });

    // $(".main-menu").on("click", ".toggle-submenu", function (e) {
    //     e.preventDefault();
    //     $(this).toggleClass("rotate");
    //     $(this).parent().next(".submenu").slideToggle();
    // });

    // $(".additional-menu-toggler").click(function () {
    //     $(".additional-menu-wrapper").addClass("show");
    //     $("html").addClass("overflow");
    // });

    // $(".close").click(function () {
    //     $(".additional-menu-wrapper").removeClass("show");
    //     $("html").removeClass("overflow");
    // });

    // $(".additional-menu-wrapper").click(function () {
    //     $(".additional-menu-wrapper").removeClass("show");
    //     $("html").removeClass("overflow");
    // });

    // $(".additional-menu-wrapper").on(
    //     "click",
    //     ".secondary-menu-wrapper",
    //     function (event) {
    //         event.stopPropagation();
    //     }
    // );

    // function chechHeader() {
    //     let windowSize = $(window).width();
    //     if (windowSize > 991) {
    //         let headerTopHeight = $(".header-top").outerHeight();
    //         let headerMiddleHeight = $(".header-middle").outerHeight();
    //         let headerBottomHeight = $(".header-bottom").outerHeight();
    //         let windowScroll = $(window).scrollTop();
    //         if (windowScroll > headerTopHeight + headerMiddleHeight + headerBottomHeight) {
    //             $("header").addClass("sticky-header");
    //             $("main").css("margin-top", `${headerBottomHeight}px`);
    //         } else {
    //             $("header").removeClass("sticky-header");
    //             $("main").css("margin-top", `0px`);
    //         }
    //     } else {
    //         $("main").css("margin-top", `94px`);
    //     }
    // }

    // chechHeader();

    // $(window).scroll(function () {
    //     chechHeader();
    // });

    // $(window).resize(function () {
    //     chechHeader();
    // });

    // REDESIGN

    $(".header-new .menu-toggler").click(function (e) {
        e.preventDefault();
        e.stopPropagation();
        $(".additional-menu").toggleClass("menu-on");
        $(this).toggleClass("active");
        $("html").toggleClass("overflow");
        $(".header-new .search-form").fadeOut();
        $(".header-new .submenu-true").removeClass("submenu-open");
    });

    $(".header-new .submenu-true").click(function () {
        $(this).toggleClass("submenu-open");
        $(this)
            .closest(".submenu-true")
            .siblings(".submenu-true")
            .removeClass("submenu-open");
        $(".header-new .additional-menu").removeClass("menu-on");
        $("html").removeClass("overflow");
        $(".header-new .menu-toggler").removeClass("active");
    });

    $(".header-new .submenu-true .main-menu-link").click(function (e) {
        e.preventDefault();
    });

    let lastScrollTopNew = 0;

    $(window).scroll(function () {
        let currentScrollTop = $(this).scrollTop();

        if (currentScrollTop > 0) {
            if (currentScrollTop < lastScrollTopNew) {
                // Scrolling up
                $(".header-new").addClass("fixed-header");
            } else {
                // Scrolling down
                $(".header-new").removeClass("fixed-header");
            }
        } else {
            // At the top of the page
            $(".header-new").removeClass("fixed-header");
        }

        lastScrollTopNew = currentScrollTop; // Update last scroll position
    });

    //datepicker

    $('[data-toggle="datepicker"]').datepicker({
        format: "dd.mm.",
    });

    //results tabulator
    $(".results-table-list").on("click", "a", function (e) {
        e.preventDefault();
        let target = $(this).data("target");
        $(this).parent().siblings().removeClass("active");
        $(this).parent().addClass("active");
        $(this)
            .closest("ul")
            .next()
            .find(".results-table-content")
            .removeClass("active");
        $(this).closest("ul").next().find(target).addClass("active");
    });

    if ($(".about-counter").length > 0) {
        jQuery(window).scroll(startCounter);
        startCounter();
        function startCounter() {
            var hT = jQuery(".love_counter").offset().top,
                hH = jQuery(".love_counter").outerHeight(),
                wH = jQuery(window).height();
            if (jQuery(window).scrollTop() > hT + hH - wH + 100) {
                jQuery(window).off("scroll", startCounter);
                jQuery(".love_count").each(function () {
                    var $this = jQuery(this);
                    jQuery({ Counter: 0 }).animate(
                        { Counter: $this.data("count") },
                        {
                            duration: 2000,
                            easing: "swing",
                            step: function () {
                                $this.text(Math.ceil(this.Counter));
                            },
                        }
                    );
                });
            }
        }
    }

    if ($(".tv-scheme-slider").length > 0) {
        $(".tv-scheme-slider").owlCarousel({
            margin: 0,
            loop: false,
            autoplay: false,
            autoplayTimeout: 60000,
            autoplayHoverPause: true,
            nav: true,
            navText: [
                "<img src='/files/css/assets/arrow_prev.png'>",
                "<img src='/files/css/assets/arrow_next.png'>",
            ],
            dots: false,
            items: 1,
            responsive: {
                768: {
                    items: 3,
                    autoplay: false,
                    autoplayTimeout: 60000,
                },
                1265: {
                    items: 4,
                    autoplay: false,
                    autoplayTimeout: 60000,
                },
            },
        });
    }

    if ($(".tv-scheme-new-slider").length > 0) {
        $(".tv-scheme-new-slider").each(function () {
            $(this).owlCarousel({
                margin: 0,
                loop: false,
                autoplay: false,
                dots: false,
                items: 1,
                mouseDrag: false,
                touchDrag: false,
                pullDrag: false,
            });
        });
    }
    $(".tv-scheme-new-slider").trigger("to.owl.carousel", [1, 1]);

    $(".tv-scheme-new-days-item").on("click", function (e) {
        e.preventDefault();
        $(this)
            .closest(".tv-scheme-chanel")
            .find(".tv-scheme-new-days-item")
            .removeClass("active");
        $(this).addClass("active");
        var index = $(this).data("slider-index");
        $(this)
            .closest(".tv-scheme-chanel")
            .find(".tv-scheme-new-slider")
            .trigger("to.owl.carousel", [index, 500, true]);
    });

    if ($(".secondary-menu").is(":empty")) {
        $(this).css("border-bottom", "none !important");
    }

    //homepage hero slider
    if ($(".league-slider-wrapper").length > 0) {
        $(".league-slider-wrapper").owlCarousel({
            margin: 30,
            autoplay: false,
            autoplayHoverPause: true,
            autoWidth: true,
            nav: true,
            responsive: {},
        });
    }

    var didScroll;
    var lastScrollTop = 0;
    var delta = 5;
    var navbarHeight = $("header").outerHeight();

    function headerAnimation() {
        didScroll = true;

        var st = $(this).scrollTop();
        if (Math.abs(lastScrollTop - st) <= delta) return;
        if (st > lastScrollTop && st > navbarHeight) {
            $("header").addClass("header-up");
        } else {
            if (st + $(window).height() < $(document).height()) {
                $("header").removeClass("header-up");
            }
        }
        lastScrollTop = st;
    }

    headerAnimation();

    $(window).scroll(function () {
        headerAnimation();
    });

    $(".programme-widget-navigation").on("click", "a", function (e) {
        e.preventDefault();
        let target = $(this).data("target");
        $(this).parent().siblings().removeClass("active");
        $(this).parent().addClass("active");

        $(this)
            .closest("ul")
            .parent()
            .next()
            .find(".programme-widget-content")
            .removeClass("active");
        $(this).closest("ul").parent().next().find(target).addClass("active");
    });

    $('[data-toggle="modal"]').click(function (e) {
        e.preventDefault();
        let target = $(this).data("target");
        $(target).fadeIn();
    });

    $('[data-dismiss="modal"]').click(function (e) {
        e.preventDefault();
        $(this).closest(".modal").fadeOut();
    });

    $(".modal-body").click(function (e) {
        e.stopPropagation();
    });

    //resizebanners();

    $(window).resize(function () {
        //resizebanners();
    });

    //Brending banner
    function resizebanners() {
        //console.log($("body").width());
        // console.log("test");
        // console.log($("main .container").width());
        var banerwidth = $("body").width() - $("main .container").width();
        var t = banerwidth / 2;
        //console.log(t);
        if (t < 0) {
            t = Math.abs(t) * -1;
        } else {
            t = Math.abs(t);
        }

        //console.log(t);
        window.setTimeout(function () {
            $("#banner-left").width(t - 5);
            $("#banner-right").width(t - 5);
            $("#big-banner").css("display", "block");
        }, 300);
    }

    function brendingPosition() {
        if ($("#banner-left" && "#banner-right").length > 0) {
            let windowWidth = $(window).width();
            if (windowWidth > 767) {
                let bannerOffset = $("#banner-left").position().top;

                let scrollFromTop = $(window).scrollTop();
                if (scrollFromTop < bannerOffset) {
                    $("#banner-left").css("margin-top", `-${scrollFromTop}px`);
                    $("#banner-right").css("margin-top", `-${scrollFromTop}px`);
                } else {
                    $("#banner-left").css(
                        "margin-top",
                        `-${bannerOffset}px + 45px`
                    );
                    $("#banner-right").css(
                        "margin-top",
                        `-${bannerOffset}px + 45px`
                    );
                }
            }
        }
    }

    if (window.tvSchedule != true) {
        brendingPosition();
        $(window).scroll(function () {
            brendingPosition();
        });
        $(window).resize(function () {
            brendingPosition();
        });
    }

    // FRENDOPEDIJA SLIDER
    if ($(".announcements-item-wrapper").length > 0) {
        $(function () {
            const frendopedijaSwiper = new Swiper(
                ".announcements-item-wrapper",
                {
                    scrollbar: {
                        el: ".swiper-scrollbar",
                        draggable: true,
                    },
                    navigation: {
                        nextEl: ".swiper-button-next",
                        prevEl: ".swiper-button-prev",
                    },
                    freeMode: true,
                    slidesPerView: "auto",
                    autoHeight: true,
                    spaceBetween: 30,
                    mousewheel: {
                        invert: true,
                    },
                    breakpoints: {
                        1399: {
                            spaceBetween: 70,
                        },
                    },
                }
            );
        });
    }

    if ($(".olympic-games-page").length > 0) {
        // Set the date we're counting down to
        var countDownDate = new Date("Aug 11, 2024 14:00:00").getTime();

        // Update the count down every 1 second
        var x = setInterval(function () {
            // Get today's date and time
            var now = new Date().getTime();

            // Find the distance between now and the count down date
            var distance = countDownDate - now;

            // Time calculations for days, hours, minutes and seconds
            var days = Math.floor(distance / (1000 * 60 * 60 * 24));
            var hours = Math.floor(
                (distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)
            );
            var minutes = Math.floor(
                (distance % (1000 * 60 * 60)) / (1000 * 60)
            );
            var seconds = Math.floor((distance % (1000 * 60)) / 1000);

            // Display the result in the element with id="demo"
            document.getElementById("counter-days").innerHTML =
                "<p><span>" +
                days +
                "</span>" +
                "<span>dana</span>" +
                "</p>" +
                "<p><span>" +
                hours +
                "</span>" +
                "<span>sati</span>" +
                "</p>" +
                "<p><span>" +
                minutes +
                "</span>" +
                "<span>minuta</span>" +
                "</p>" +
                "<p><span>" +
                seconds +
                "</span>" +
                "<span>sekundi</span>" +
                "</p>";

            // If the count down is finished, write some text
            if (distance < 0) {
                clearInterval(x);
                document.getElementById("counter-days").innerHTML =
                    "<p>Odbrojavanje je završeno</p>";
            }
        }, 1000);
    }
});

$(document).scroll(function () {
    if ($(this).scrollTop() > 1000) {
        $(".tv-scheme-bih .tv-scheme-banner-left").css("top", "10%");
        $(".tv-scheme-bih .tv-scheme-banner-right").css("top", "10%");
    } else {
        $(".tv-scheme-bih .tv-scheme-banner-left").css("top", "569px");
        $(".tv-scheme-bih .tv-scheme-banner-right").css("top", "569px");
    }
});

$(document).ready(function () {
    // NBA

    if ($(".four-news-slider").length > 0) {
        $(function () {
            const fourNewsSwiper = new Swiper(".four-news-slider", {
                scrollbar: {
                    el: ".four-news-slider .swiper-scrollbar",
                    draggable: true,
                },
                freeMode: false,
                slidesPerView: 1.3,
                spaceBetween: 15,
                breakpoints: {
                    576: {
                        slidesPerView: 1.8,
                    },
                    768: {
                        slidesPerView: 2.3,
                        spaceBetween: 22,
                    },
                    992: {
                        slidesPerView: 3.3,
                    },
                    1265: {
                        slidesPerView: 4,
                    },
                },
            });
        });
    }

    if ($(".players-slider").length > 0) {
        $(function () {
            const fourNewsSwiper = new Swiper(".players-slider", {
                scrollbar: {
                    el: ".players-slider .swiper-scrollbar",
                    draggable: true,
                },
                navigation: {
                    nextEl: ".players-slider-wrapper .swiper-button-next",
                    prevEl: ".players-slider-wrapper .swiper-button-prev",
                },
                freeMode: false,
                slidesPerView: "auto",
                spaceBetween: 15,
                breakpoints: {
                    768: {
                        spaceBetween: 22,
                    },
                },
            });
        });
    }

    if ($(".teams-slider").length > 0) {
        $(function () {
            const fourNewsSwiper = new Swiper(".teams-slider", {
                scrollbar: {
                    el: ".teams-slider .swiper-scrollbar",
                    draggable: true,
                },
                navigation: {
                    nextEl: ".teams-slider-wrapper .swiper-button-next",
                    prevEl: ".teams-slider-wrapper .swiper-button-prev",
                },
                freeMode: false,
                slidesPerView: "auto",
                spaceBetween: 15,
                breakpoints: {
                    768: {
                        spaceBetween: 22,
                    },
                },
            });
        });
    }

    if ($(".nba-lead-slider").length > 0) {
        $(".nba-lead-slider").owlCarousel({
            loop: true,
            dots: true,
            dotData: true,
            dotsData: true,
            nav: false,
            autoplay: true,
            autoplayTimeout: 4000,
            autoplayHoverPause: true,
            items: 1,
            margin: 0,
            animateOut: "fadeOut",
        });
    }
});