// component import
import './components/dropdown/DropdownLang';
import './components/dropdown/Dropdown';
import './components/menu/MenuMobile';
import './components/popup/PopupCookie';
import './components/header/Header';
import './components/preloader/Preloader';
import { renderCard } from "./components/news/renderCard";
import { renderHero } from "./components/news/renderHero";
import { share } from "./components/news/share";
import { renderInside } from "./components/news/renderInside";
import {NEWS1, NEWS2, NEWS3} from "./components/news/news";
import { ModalGallery } from "./components/modal/ModalGallery";
import Footer from "./components/Footer";

window.addEventListener('load', () => {
  renderHero();
  renderCard();
  share();
  Footer();

  const page1 = document.getElementById(`news-0`);
  const page2 = document.getElementById(`news-1`);
  const page3 = document.getElementById(`news-2`);

  if (page1) {
    renderInside(NEWS1, page1);
  }

  if (page2) {
    renderInside(NEWS2, page2);
  }

  if (page3) {
    renderInside(NEWS3, page3);
  }

  ModalGallery('news');

  const links = document.querySelectorAll('.block-content__linkItem');
  const yOffset = -110;

  links.forEach((link) => {
    link.addEventListener('click', (e) => {
      e.preventDefault();
      window.location.hash = link.dataset.href;

      const block = document.getElementById(link.dataset.href);

      const y = block.getBoundingClientRect().top + window.pageYOffset + yOffset;

      window.scrollTo({top: y, behavior: 'smooth'});
    });
  });
});