ACADEMIA Boutique Hotels

(() => {
  // ================= КОНФИГУРАЦИЯ КОНТЕНТА =================
  const SLIDE_CONTENT = {
    default: {
      title: "WHERE TO SPEND THE MAY HOLIDAYS IN ST. PETERSBURG",
      text: '<p>Spring in St. Petersburg is always unhurried, dreamy and full of inspiration. We invite you to try the Count Breakfasts and to be a guest of honor at a gastronomic dinner in the bar-restaurant.<br/>Enjoy live music and a complimentary cocktail at the party celebrating the opening of the summer terrace at the French Brasserie on May 8.<br/><br/>Choose your ACADEMIA mansion for the May holidays, <a href="/booking/?date=2026-05-01&nights=2&adults=2&children-age=&access-code=&hotel_id=41018 ">book your room on the official website</a> and take part in a prize draw with gifts from ACADEMIA and our partners!<br/><br/>Spend your holidays in the ACADEMIA mansion collection!</p>',
      buttonText: "CHOOSE A ROOM",
      buttonUrl: "/booking/?date=2026-05-01&nights=2&adults=2&children-age=&access-code=&hotel_id=41018",
    },
    1: {
      title: "May prize draw",
      text: '<p>Choose any ACADEMIA mansion for the May holidays, <a href="/booking/?date=2026-05-01&nights=2&adults=2&children-age=&access-code=&hotel_id=41018">book on the official website</a> and take part in a prize draw with gifts from ACADEMIA and our partners!<br/><br/><strong>For higher room categories, the prizes are:</strong><br/>- a visit to ACADEMIA SPA<br/>- an executive transfer<br/>- a welcome set in your room<br/>- breakfast.<br/><br/><strong>For standard room categories, we have prepared gift certificates from our partners:</strong> RXBSHOES, Ruskala Brand, KIRICLAN, Amazing cacao and the Imperial Porcelain Factory.</p>',
    },
  };

  // ================= СЕЛЕКТОРЫ =================
  const SELECTORS = {
    slider: ".brxe-slider", // Контейнер слайдера
    slide: ".swiper-slide", // Слайды
    activeSlide: ".swiper-slide-active", // Активный слайд
    header: "#sliderHeader",
    text: "#sliderText",
    button: "#sliderBtn",
  };

  // ================= СОСТОЯНИЕ =================
  const currentContent = {
    title: null,
    text: null,
    buttonText: null,
    buttonUrl: null,
  };

  // ================= ОБНОВЛЕНИЕ КОНТЕНТА =================
  function updateContent(slideIndex) {
    const els = {
      header: document.querySelector(SELECTORS.header),
      text: document.querySelector(SELECTORS.text),
      button: document.querySelector(SELECTORS.button),
    };

    if (!els.button) return; // Если нет кнопки - выходим

    const slideConfig = SLIDE_CONTENT[slideIndex] || {};
    const def = SLIDE_CONTENT.default;

    // Формируем новое состояние (с fallback на default)
    const newContent = {
      title: slideConfig.title !== undefined ? slideConfig.title : def.title,
      text: slideConfig.text !== undefined ? slideConfig.text : def.text,
      buttonText:
        slideConfig.buttonText !== undefined
          ? slideConfig.buttonText
          : def.buttonText,
      buttonUrl:
        slideConfig.buttonUrl !== undefined
          ? slideConfig.buttonUrl
          : def.buttonUrl,
    };

    // Обновляем только изменившиеся поля
    if (newContent.title !== currentContent.title && els.header) {
      els.header.textContent = newContent.title;
      currentContent.title = newContent.title;
    }

    if (newContent.text !== currentContent.text && els.text) {
      els.text.innerHTML = newContent.text; // innerHTML для поддержки HTML тегов
      currentContent.text = newContent.text;
    }

    if (newContent.buttonText !== currentContent.buttonText) {
      els.button.textContent = newContent.buttonText;
      currentContent.buttonText = newContent.buttonText;
    }

    if (newContent.buttonUrl !== currentContent.buttonUrl) {
      els.button.href = newContent.buttonUrl;
      currentContent.buttonUrl = newContent.buttonUrl;
    }
  }

  // ================= ПОЛУЧЕНИЕ ИНДЕКСА АКТИВНОГО СЛАЙДА =================
  function getActiveSlideIndex() {
    const activeSlide = document.querySelector(SELECTORS.activeSlide);
    if (!activeSlide) return 0;

    // Пробуем получить индекс из разных атрибутов
    const index =
      activeSlide.getAttribute("data-swiper-slide-index") ||
      activeSlide.getAttribute("data-brx-swiper-index") ||
      0;

    return parseInt(index, 10);
  }

  // ================= ИНИЦИАЛИЗАЦИЯ =================
  function init() {
    const slider = document.querySelector(SELECTORS.slider);
    if (!slider) {
      setTimeout(init, 300); // Повторяем если слайдер еще не загружен
      return;
    }

    // Начальное обновление
    const initialIndex = getActiveSlideIndex();
    updateContent(initialIndex);

    // Способ 1: Используем события Swiper (если доступен)
    if (typeof Swiper !== "undefined") {
      const swiperInstance = slider.swiper;
      if (swiperInstance) {
        swiperInstance.on("slideChange", function () {
          updateContent(this.activeIndex);
        });
      }
    }

    // Способ 2: MutationObserver (универсальный, работает всегда)
    const observer = new MutationObserver((mutations) => {
      mutations.forEach((mutation) => {
        if (
          mutation.type === "attributes" &&
          mutation.attributeName === "class" &&
          mutation.target.classList.contains("swiper-slide")
        ) {
          // Проверяем, появился ли класс swiper-slide-active
          if (mutation.target.classList.contains("swiper-slide-active")) {
            const index = getActiveSlideIndex();
            updateContent(index);
          }
        }
      });
    });

    // Наблюдаем за всеми слайдами
    const slides = document.querySelectorAll(SELECTORS.slide);
    slides.forEach((slide) => {
      observer.observe(slide, { attributes: true, attributeFilter: ["class"] });
    });

    // Также наблюдаем за добавлением новых слайдов (для динамических слайдеров)
    const wrapper = slider.querySelector(".swiper-wrapper");
    if (wrapper) {
      const wrapperObserver = new MutationObserver(() => {
        const newSlides = wrapper.querySelectorAll(SELECTORS.slide);
        newSlides.forEach((slide) => {
          observer.observe(slide, {
            attributes: true,
            attributeFilter: ["class"],
          });
        });
      });

      wrapperObserver.observe(wrapper, { childList: true });
    }
  }

  // ================= ЗАПУСК =================
  if (document.readyState === "loading") {
    document.addEventListener("DOMContentLoaded", init);
  } else {
    init();
  }
})();