// Burger Menu Toggle
const burgerBtn = document.getElementById('burgerBtn');
const mobileMenu = document.getElementById('mobileMenu');

if (burgerBtn && mobileMenu) {
    // Create overlay
    const overlay = document.createElement('div');
    overlay.className = 'pinco-menu-overlay';
    overlay.id = 'menuOverlay';
    document.body.appendChild(overlay);

    // Toggle menu
    burgerBtn.addEventListener('click', function() {
        burgerBtn.classList.toggle('active');
        mobileMenu.classList.toggle('active');
        overlay.classList.toggle('active');
        document.body.style.overflow = mobileMenu.classList.contains('active') ? 'hidden' : '';
    });

    // Close menu on overlay click
    overlay.addEventListener('click', function() {
        burgerBtn.classList.remove('active');
        mobileMenu.classList.remove('active');
        overlay.classList.remove('active');
        document.body.style.overflow = '';
    });

    // Close menu on link click
    const menuLinks = mobileMenu.querySelectorAll('.pinco-mobile-menu-link');
    menuLinks.forEach(link => {
        link.addEventListener('click', function() {
            burgerBtn.classList.remove('active');
            mobileMenu.classList.remove('active');
            overlay.classList.remove('active');
            document.body.style.overflow = '';
        });
    });
}

// Scroll to Top Button
const scrollToTopButton = document.getElementById('scrollToTopButton');

if (scrollToTopButton) {
    window.addEventListener('scroll', () => {
        if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {
            scrollToTopButton.classList.add('show');
        } else {
            scrollToTopButton.classList.remove('show');
        }
    });

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

// Language Switcher
const langBtn = document.getElementById('langBtn');
const langDropdown = document.getElementById('langDropdown');
const langOptions = document.querySelectorAll('.pinco-lang-option');

if (langBtn && langDropdown) {
    // Toggle dropdown on click
    langBtn.addEventListener('click', (e) => {
        e.stopPropagation();
        langDropdown.classList.toggle('active');
    });

    // Close dropdown when clicking outside
    document.addEventListener('click', (e) => {
        if (!e.target.closest('.pinco-lang-switcher')) {
            langDropdown.classList.remove('active');
        }
    });

    // Handle language selection - теперь просто переходим по ссылке
    langOptions.forEach(option => {
        option.addEventListener('click', (e) => {
            // Закрываем dropdown перед переходом
            langDropdown.classList.remove('active');
            // Ссылка откроется автоматически (переход на другой домен)
        });
    });
}

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); // обновление каждую секунду
});