var scroll = window.scrollY;
function headerChanger() {
    var headerStatus = document.getElementById("root");
    if (scroll < window.scrollY - 3) {
        headerStatus.classList.add("header-bc-hide");
    }
    if (scroll > window.scrollY + 3) {
        headerStatus.classList.remove("header-bc-hide");
    }
}
//when web site is scrolled down, call headerChanger function
window.onscroll = function () {
    headerChanger();
    scroll = window.scrollY;
};

function changeSlider() {
    //onpage load, make transform 0% for .carousel-container in every 3 seconds and manage .carousel-count in format of 1/9
    let carouselCount = 1;
    let carouselItems = document.querySelectorAll(".slider-bc .carousel-slide");
    let carouselCountElement = document.querySelector(
        ".slider-bc .carousel-count"
    );
    let carouselTotal = carouselItems.length;
    let carouselContainer = document.querySelector(
        ".slider-bc .carousel-container"
    );
    carouselCountElement.innerHTML = `${carouselCount}/${carouselTotal}`;
    setInterval(() => {
        //make this smooth
        carouselContainer.style.transition = "transform 0.5s ease-in-out";

        carouselContainer.style.transform = `translateX(-${
            carouselCount * 100
        }%)`;
        carouselCount++;
        if (carouselCount > carouselTotal) {
            carouselCount = 1;
            carouselContainer.style.transform = `translateX(0%)`;
        }
        carouselCountElement.innerHTML = `${carouselCount}/${carouselTotal}`;
    }, 3000);
}
function changeSports() {
    //onpage load, make transform 0% for .carousel-container in every 3 seconds and manage .carousel-count in format of 1/9
    let carouselCount = 1;
    let carouselItems = document.querySelectorAll(
        ".ftr-g-content-bc .carousel-slide"
    );
    let carouselCountElement = document.querySelector(
        ".ftr-g-content-bc .carousel-count"
    );
    let carouselTotal = carouselItems.length;
    let carouselContainer = document.querySelector(
        ".ftr-g-content-bc .carousel-container"
    );
    carouselCountElement.innerHTML = `${carouselCount}/${carouselTotal}`;
    setInterval(() => {
        //make this smooth
        carouselContainer.style.transition = "transform 0.5s ease-in-out";

        carouselContainer.style.transform = `translateX(-${
            carouselCount * 100
        }%)`;
        carouselCount++;
        if (carouselCount > carouselTotal) {
            carouselCount = 1;
            carouselContainer.style.transform = `translateX(0%)`;
        }
        carouselCountElement.innerHTML = `${carouselCount}/${carouselTotal}`;
    }, 3000);
}

function canlidestek() {
    //sweetalert lütfen giriş yapınız
    Swal.fire({
        icon: "error",
        title: "Erişim Engellendi",
        text: "Yeterli erişime sahip değilsiniz. Canlı desteğe bağlanın!",
        confirmButtonText: "Tamam",
        timer: 3000,
    });
}
function bakim(){
    //sweetalert bakım modu
    Swal.fire({
        icon: "error",
        title: "Bakım Modu",
        text: "Özellik bakım modunda. Lütfen daha sonra tekrar deneyin.",
        confirmButtonText: "Tamam",
        timer: 3000,
    });

}
function havale(){
    window.location.href = "/payment/havale/index.php";
}
function payznet(){
    window.location.href = "/payment/payznet/index.php";
}
function papara(){
    window.location.href = "/payment/papara/index.php";
}
function payfix(){
    window.location.href = "/payment/payfix/index.php";
}
function selection(){
    //if there is "smart-panel-is-visible" class in #root, remove it, if there is not, add it
    let selection = document.getElementById("root");
    if (selection.classList.contains("smart-panel-is-visible")) {
        selection.classList.remove("smart-panel-is-visible");
    } else {
        selection.classList.add("smart-panel-is-visible");
    }
}
function openFav(){
    //if there is "smart-panel-is-visible" class in #root, remove it, if there is not, add it
    let fav = document.getElementById("favButDiv");
    if (fav.classList.contains("display-none")) {
        fav.classList.remove("display-none");
    } else {
        fav.classList.add("display-none");
    }
}
function openNot(){
    let not = document.getElementById("notButDiv");
    if (not.classList.contains("display-none")) {
        not.classList.remove("display-none");
    } else {
        not.classList.add("display-none");
    }
}
function baglan(){
    //sweetalert canlı destek
    Swal.fire({
        icon: "info",
        title: "Canlı Destek",
        text: "Lütfen canlı destek hattına bağlanın.",
        confirmButtonText: "Tamam",
        timer: 3000,
    });

}
function backmenu(){
    //save cookie menuOpened=true
    document.cookie = "menuOpened=true";
    history.back();
}
function openMenu(){
    //if display-block in #menucan, if its not display-none, make it display-none
    let menu = document.getElementById("menucan");
    if (menu.classList.contains("display-none")) {
        menu.classList.remove("display-none");
    } else {
        menu.classList.add("display-none");
    }
}
function altMenu(){
    //#if altmenu is not display-none, make it display-none
    let altmenu = document.getElementById("altmenu");
    if (altmenu.classList.contains("display-none")) {
        altmenu.classList.remove("display-none");
    } else {
        altmenu.classList.add("display-none");
    }
}
document.addEventListener("DOMContentLoaded", function () {
    //if there is document.querySelector('.slider-bc .carousel-count'); call changeSlider function
    if (document.querySelector(".slider-bc .carousel-count")) {
        changeSlider();
    }
    if (document.querySelector(".ftr-g-content-bc .carousel-count")) {
        changeSports();
    }
    //onclick to smart-panel-holder-bc, call selection function
    document.querySelector("#smart-panel-holder").onclick = function () {
        selection();
    }
    document.querySelector("#favBut").onclick = function () {
        openFav();
        //if notButDiv is not display-none, make it display-none
        if (!document.getElementById("notButDiv").classList.contains("display-none")) {
            document.getElementById("notButDiv").classList.add("display-none");
        }
        selection();
    }
    document.querySelector("#notBut").onclick = function () {
        openNot();
        //if favButDiv is not display-none, make it display-none
        if (!document.getElementById("favButDiv").classList.contains("display-none")) {
            document.getElementById("favButDiv").classList.add("display-none");
        }
        selection();
    }
    //if cookie menuOpened is true, call openMenu function
    if (document.cookie.includes("menuOpened=true")) {
        openMenu();
        //delete cookie menuOpened
        document.cookie = "menuOpened=false";   
    }

});