import { isMobile } from './../utils/utils';

export default () => {
  const maiNavItemsWithSub = document.querySelectorAll('.main-nav__item');

  if (!maiNavItemsWithSub.length || !isMobile()) {
    return;
  }

  [...maiNavItemsWithSub].forEach((item) => {
    if(item.classList.contains('has-child')) {
      item.addEventListener('click', (e) => {
        e.preventDefault();
        e.stopPropagation();

        const itemSublist = item.parentNode.dataset.sublist;

        const activeUl = document.querySelectorAll('.main-nav__item.active');
        activeUl.forEach((e) => {
          if (e.parentNode.dataset.sublist >= itemSublist && e !== item) {
            e.classList.remove('active');
          }
        });

        item.classList.toggle('active');
      });
    } else {
      item.addEventListener('click', (e) => {
        e.preventDefault();
        e.stopPropagation();

        if (e.target.href) {
          window.location = e.target.href;
        }
      });
    }
  });
};