document.getElementById('languageButton').addEventListener('click', function() {
    const menu = document.getElementById('languageMenu');
    menu.style.display = menu.style.display === 'block' ? 'none' : 'block';
});

const langOptions = document.querySelectorAll('.lang-option');
langOptions.forEach(option => {
    option.addEventListener('click', function(event) {
        event.preventDefault(); // Предотвращаем переход по ссылке

        const lang = this.getAttribute('data-lang');
        const flagPath = this.getAttribute('data-flag');
        const languageName = this.getAttribute('data-name');

        // Изменение выбранного языка
        document.getElementById('selectedFlag').src = flagPath;
        document.getElementById('selectedLanguage').textContent = languageName;

        // Закрыть меню после выбора
        document.getElementById('languageMenu').style.display = 'none';
    });
});

// Закрыть меню при клике вне его
window.addEventListener('click', function(event) {
    if (!event.target.closest('.language-dropdown')) {
        document.getElementById('languageMenu').style.display = 'none';
    }
});




const scrollToTopButton = document.getElementById('scrollToTopButton');


window.addEventListener('scroll', () => {
    if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
        scrollToTopButton.style.display = 'flex';
    } else {
        scrollToTopButton.style.display = 'none';
    }
});


scrollToTopButton.addEventListener('click', () => {
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    });
});

let screenshotsSwiper = new Swiper(".screenshots-slider", {
    spaceBetween: 20,
    slidesPerView: 5,
    loop: true,
    autoplay: {
        delay: 3000, // Задержка в миллисекундах
        disableOnInteraction: false, // Продолжать автопрокрутку после взаимодействия
    },
    breakpoints: {
        '1190': {
            slidesPerView: 5,
            slidesPerGroup: 1,
            spaceBetween: 20,
        },
        '1170': {
            slidesPerView: 3,
            slidesPerGroup: 1,
            spaceBetween: 10,
        },
        '575': {
            slidesPerView: 3,
            slidesPerGroup: 1,
            spaceBetween: 5,
        },
        '320': {
            slidesPerView: 1,
            slidesPerGroup: 1,
        },
    },
});


$('.footer-box-click').on('click', function() {
    $(this).parent().toggleClass('footer-parent-act')
})




function updateTimer(timerElement, deadline) {
    const now = new Date().getTime();
    const timeLeft = deadline - now;

    if (timeLeft <= 0) {
        timerElement.querySelector(".days").textContent = "00";
        timerElement.querySelector(".hours").textContent = "00";
        timerElement.querySelector(".minutes").textContent = "00";
        timerElement.querySelector(".seconds").textContent = "00";
        return;
    }

    const days = Math.floor(timeLeft / (1000 * 60 * 60 * 24));
    const hours = Math.floor((timeLeft / (1000 * 60 * 60)) % 24);
    const minutes = Math.floor((timeLeft / (1000 * 60)) % 60);
    const seconds = Math.floor((timeLeft / 1000) % 60);

    timerElement.querySelector(".days").textContent = String(days).padStart(2, '0');
    timerElement.querySelector(".hours").textContent = String(hours).padStart(2, '0');
    timerElement.querySelector(".minutes").textContent = String(minutes).padStart(2, '0');
    timerElement.querySelector(".seconds").textContent = String(seconds).padStart(2, '0');
}

document.querySelectorAll('.promo-timer').forEach(timer => {
    const deadline = new Date(timer.dataset.deadline).getTime();

    updateTimer(timer, deadline); // начальное обновление
    setInterval(() => updateTimer(timer, deadline), 1000); // обновление каждую секунду
});