function createBanners() {
  if (window.location.href.indexOf("teach/control/lesson") > -1 || window.location.href.indexOf("teach/control/stream") > -1) {
    let lessonList = document.querySelector("ul.lesson-list");
    let streamTable = document.querySelector("table.stream-table");
    lessonList ? insertBanners(lessonList) : insertBanners(streamTable);
    function insertBanners(block) {
      let banners = `
        <div class="banner__item__container">
          <div class="banner__arrow__container">
            <span class="banner__arrow__left"></span>
            <span class="banner__arrow__right"></span>
          </div>
          <div class="banner__item">
            <div class="banner__item__wrapper">
              <div class="banner__item__content">
                <p class="banner__item__text xbig__text">Клуб в школе SE</p>
                <p class="banner__item__text medium__text">Это возможность найти поддержку единомышленников и развивать все грани своей личности!<br><br>Количество мест ограничено</p>
                <a class="banner__item__btn" href="https://anettaschool.ru/atmosphereclub?utm_source=getcourse&utm_medium=banner&utm_campaign=club_se" target="_blank">Узнать подробнее</a>
              </div>
              <img src="https://i.ibb.co/9HjbNTJ/31ed5f287dbf45ff89af49bf2ca49a2e.jpg" alt="фон баннера">
            </div>
          </div>
          <div class="banner__item hide__banner">
            <div class="banner__item__wrapper">
              <div class="banner__item__content">
                <p class="banner__item__text sm__text">Бесплатная онлайн-лекция Анетты Орловой</p>
                <p class="banner__item__text xbig__text">Синдром самозванца</p>
                <p class="banner__item__text medium__text">Как адекватно оценить свои силы и перестать обесценивать все, что ты делаешь?</p>
                <a class="banner__item__btn" href="https://anettaschool.ru/imposter-syndrome?utm_source=getcourse&utm_medium=banner&utm_campaign=imposter_syndrome" target="_blank">Смотреть лекцию</a>
              </div>
              <img src="https://i.ibb.co/997WkYP/5f6g7hdrfghd5f6g7hj86g7h8j.jpg" alt="фон баннера">
            </div>
          </div>
          <div class="banner__item hide__banner">
            <div class="banner__item__wrapper">
              <div class="banner__item__content">
                <p class="banner__item__text xbig__text">Сервис психологической помощи Self-Evlolution</p>
                <p class="banner__item__text medium__text">Наши специалисты готовы помочь вам решить жизненные проблемы, гармонизировать отношения и преодолеть кризисы</p>
                <a class="banner__item__btn" href="https://anettaschool.ru/psyconsult?utm_source=getcourse&utm_medium=banner&utm_campaign=psyconsult" target="_blank">Узнать подробнее</a>
              </div>
              <img src="https://i.ibb.co/tJTr02f/1abee9b74c3d41108e2702d9e3b302d0.jpg" alt="фон баннера">
            </div>
          </div>
          <div class="banner__item hide__banner">
            <div class="banner__item__wrapper">
              <div class="banner__item__content">
                <p class="banner__item__text xbig__text">Магазин SE</p>
                <p class="banner__item__text big__text">Одежда, которая вдохновляет</p>
                <a class="banner__item__btn" href="https://anettaschool.ru/store?utm_source=getcourse&utm_medium=banner&utm_campaign=merch" target="_blank">Посмотреть</a>
              </div>
              <img src="https://i.ibb.co/BcKz1sF/4tg5h6yju.jpg" alt="фон баннера">
            </div>
          </div>
        </div>
      `;
      block.insertAdjacentHTML("afterbegin", banners);
    }
  }
}
setTimeout(createBanners, 200);
function changeBanner() {
  let arrowNext = document.querySelectorAll('.banner__arrow__right');
  let arrowPrev = document.querySelectorAll('.banner__arrow__left');
  let bannerItems = document.querySelectorAll('.banner__item');
  arrowNext.forEach((nextArrow, index) => {
    let currentItemIndex = index % bannerItems.length;
    let currentBannerItems = bannerItems[currentItemIndex];
    nextArrow.addEventListener('click', () => {
      currentBannerItems.classList.add('hide__banner');
      currentItemIndex = (currentItemIndex + 1) % bannerItems.length;
      currentBannerItems = bannerItems[currentItemIndex];
      currentBannerItems.classList.remove('hide__banner');
    });
  });
  arrowPrev.forEach((prevArrow, index) => {
    let currentItemIndex = index % bannerItems.length;
    let currentBannerItems = bannerItems[currentItemIndex];
    prevArrow.addEventListener('click', () => {
      currentBannerItems.classList.add('hide__banner');
      currentItemIndex = (currentItemIndex - 1 + bannerItems.length) % bannerItems.length;
      currentBannerItems = bannerItems[currentItemIndex];
      currentBannerItems.classList.remove('hide__banner');
    });
  });
  setInterval(() => {
    arrowNext.forEach((nextArrow) => {
      nextArrow.click();
    });
  }, 7000);
}
setTimeout(changeBanner, 1000);