// Задержка между появлением блоков (в миллисекундах)
const delay = 500;

const fullscreenTitle = document.querySelector('.fullscreen__title');
const fullscreenText = document.querySelector('.fullscreen__text');

// Функция, которая показывает блоки с задержкой
const activeContainersWithDelay = () => {
    // Показываем fullscreen__title и fullscreen__text с задержкой
    setTimeout(() => {
        fullscreenTitle.classList.add('active');
        fullscreenText.classList.add('active');
    }, delay);
};

// Вызываем функцию показа блоков с задержкой после загрузки контента
window.addEventListener('DOMContentLoaded', activeContainersWithDelay);


document.addEventListener("DOMContentLoaded", function() {
    // Плавно отображаем кнопку-индикатор при загрузке страницы
    setTimeout(function() {
        var indicator = document.querySelector('.scroll-indicator');
        indicator.style.opacity = 1;
    }, 300);
});

document.querySelectorAll('.accordion-title').forEach((el) => {
    el.addEventListener('click', () => {

        let content = el.nextElementSibling;

        if(content.style.maxHeight) {
            document.querySelectorAll('.accordion-content').forEach((el) => el.style.maxHeight = null)
        } else {
            document.querySelectorAll('.accordion-content').forEach((el) => el.style.maxHeight = null)
            content.style.maxHeight = content.scrollHeight + 'px'
        }
    })
});

const isMobile = {
    Android: function () {
      return navigator.userAgent.match(/Android/i);
    },
    Blackberry: function () {
      return navigator.userAgent.match(/Blackberry/i);
    },
    iOS: function () {
      return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function () {
      return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function () {
      return navigator.userAgent.match(/IEMobile/i);
    },
    any: function () {
      return (
        isMobile.Android() ||
        isMobile.Blackberry() ||
        isMobile.iOS() ||
        isMobile.Opera() ||
        isMobile.Windows()
      );
    } 
};

if (isMobile.any()) {
  document.body.classList.add('touch');

  let menuArrows = document.querySelectorAll('.menu__arrow');
  if(menuArrows.length > 0) {
    for (let index = 0; index < menuArrows.length; index++) {
      const menuArrow = menuArrows[index];
      menuArrow.addEventListener("click", function(e) {
        menuArrow.parentElement.classList.add('active');
      });
    }
  }
} else {
  document.body.classList.add('pc');
}

const iconMenu = document.querySelector('.menu__icon');
if(iconMenu) {
  const menuBody = document.querySelector('.menu__body');
  iconMenu.addEventListener("click", function(e) {
    document.body.classList.toggle('lock');
    iconMenu.classList.toggle('active');
    menuBody.classList.toggle('active');
  });
}