document.addEventListener('DOMContentLoaded', () => {

    // feedback list
    const feedbackList = document.getElementById('feedback-list');
    const feedbackItems = feedbackList.querySelectorAll('li');
    const prevButton = document.getElementById('feedback-prev');
    const nextButton = document.getElementById('feedback-next');
    let currentIndex = 0;
    let itemsPerPage = 2;

    function showAllListItems() {
        if(window.innerWidth <= 900) {
            itemsPerPage = feedbackItems.length;
            updateVisibility();
        } else {
            itemsPerPage = 2;
            updateVisibility();
        }

    }

    window.onresize = showAllListItems;

    function updateVisibility() {
        feedbackItems.forEach(item => {
            item.classList.add('hide');
        })
        for (let i = currentIndex; i < currentIndex + itemsPerPage && i < feedbackItems.length; i++) {
            feedbackItems[i].classList.remove('hide');
        }
        prevButton.classList.toggle('active', currentIndex > 0);
        nextButton.classList.toggle('active', currentIndex + itemsPerPage < feedbackItems.length);
    }

    prevButton.addEventListener('click', () => {
        if (currentIndex > 0) {
            currentIndex -= itemsPerPage;
            updateVisibility();
        }
    });

    nextButton.addEventListener('click', () => {
        if (currentIndex + itemsPerPage < feedbackItems.length) {
            currentIndex += itemsPerPage;
            updateVisibility();
        }
    });

    // Initial setup
    updateVisibility();

    // Получаем элемент кнопки
    const scrollToTopBtn = document.getElementById('scrollToTopBtn');

// Scroll up button
    window.onscroll = () => {
        if (window.scrollY > 100) {
            scrollToTopBtn.style.display = 'block';
        } else {
            scrollToTopBtn.style.display = 'none';
        }
    };

    scrollToTopBtn.onclick = () => {
        window.scrollTo({
            top: 0,
            behavior: 'smooth'
        });
    };

})