const linkBlockEls = document.querySelectorAll('.link-block'); // Элементы плиток

/* При отображении страницы на мобильных разрешениях, плитки сначала проигрывают анимацию,
а затем совершают переход */
function handleResize() {
    if (window.innerWidth <= 576) {
        // Добавляем обработчик клика, если ширина окна 576px или меньше
        linkBlockEls.forEach(function(linkBlockEl) {
            if (!linkBlockEl.classList.contains('click-event-added')) {
                linkBlockEl.addEventListener('click', handleClick);
                linkBlockEl.classList.add('click-event-added'); // Указываем, что ивент добавлен
            }
        });
    } else {
        // Убираем обработчик клика, если ширина окна больше 576px
        linkBlockEls.forEach(function(linkBlockEl) {
            if (linkBlockEl.classList.contains('click-event-added')) {
                linkBlockEl.removeEventListener('click', handleClick);
                linkBlockEl.classList.remove('click-event-added'); // Указываем, что ивент убран
            }
        });
    }
}

// Функция обработки клика с задержкой
function handleClick(event) {
    // Останавливаем стандартное поведение ссылки
    const link = event.currentTarget.getAttribute('href');
    event.preventDefault();
    setTimeout(function() {
        window.location.href = link;
    }, 1000);
}

// Первоначальная проверка при загрузке страницы
handleResize();

// Обработчик изменения размеров окна
window.addEventListener('resize', handleResize);