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");
    if (lessonList) {
      insertBanners(lessonList)
    } else {
      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>\
        <div class=\"banner__item\">\
          <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\">Клуб в школе 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 xbig__text\">Сервис психологической помощи SE</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/cJRFTbp/bnr-001.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);