document.addEventListener("DOMContentLoaded", function() {

  const popup = document.getElementById('loyalty-popup');
  if (!popup) return;

  const isRTL = document.documentElement.dir === "rtl";

  const slides = popup.querySelectorAll('.popup-image');
  const nextBtn = popup.querySelector('.slider-arrow.right');
  const prevBtn = popup.querySelector('.slider-arrow.left');
  const exploreBtn = popup.querySelector('#explore-venue');
  const bookBtn = popup.querySelector('#popup-book-now');
  const leftArrow = popup.querySelector('#arrow-left');
  const rightArrow = popup.querySelector('#arrow-right');

  let index = 0;
  let interval;

  // ===== ARROW ICON FIX =====
  if (isRTL) {
    leftArrow.innerHTML = "›";
    rightArrow.innerHTML = "‹";
  } else {
    leftArrow.innerHTML = "‹";
    rightArrow.innerHTML = "›";
  }

  function showSlide(i) {
    slides.forEach(slide => slide.classList.remove('active'));
    slides[i].classList.add('active');

    if (exploreBtn) {
      exploreBtn.href = slides[i].dataset.pdf;
    }
  }

  function nextSlide() {
    index = (index + 1) % slides.length;
    showSlide(index);
  }

  function prevSlide() {
    index = (index - 1 + slides.length) % slides.length;
    showSlide(index);
  }

  function startAutoSlide() {
    interval = setInterval(nextSlide, 10000);
  }

  function resetAutoSlide() {
    clearInterval(interval);
    startAutoSlide();
  }

  // ===== ARROW BEHAVIOR FIX =====
  if (isRTL) {
    if (nextBtn) {
      nextBtn.addEventListener('click', () => {
        prevSlide();
        resetAutoSlide();
      });
    }

    if (prevBtn) {
      prevBtn.addEventListener('click', () => {
        nextSlide();
        resetAutoSlide();
      });
    }
  } else {
    if (nextBtn) {
      nextBtn.addEventListener('click', () => {
        nextSlide();
        resetAutoSlide();
      });
    }

    if (prevBtn) {
      prevBtn.addEventListener('click', () => {
        prevSlide();
        resetAutoSlide();
      });
    }
  }

  // ===== BOOK NOW CLOSE =====
  if (bookBtn) {
    bookBtn.addEventListener('click', function() {
      popup.style.display = 'none';
    });
  }

  // ===== SHOW POPUP =====
  setTimeout(() => {
    popup.style.display = 'flex';
    showSlide(index);
    startAutoSlide();
  }, 1000);

  // ===== CLOSE BUTTON =====
  const closeBtn = popup.querySelector('.close-popup');
  if (closeBtn) {
    closeBtn.addEventListener('click', function() {
      popup.style.display = 'none';
    });
  }

  // ===== CLICK OUTSIDE =====
  popup.addEventListener('click', function(e) {
    if (e.target.id === 'loyalty-popup') {
      popup.style.display = 'none';
    }
  });

});<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet type="text/xsl" href="//noxvenues.com/main-sitemap.xsl"?>
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
	<sitemap>
		<loc>https://noxvenues.com/page-sitemap.xml</loc>
		<lastmod>2026-04-01T09:58:11+00:00</lastmod>
	</sitemap>
</sitemapindex>
<!-- XML Sitemap generated by Rank Math SEO Plugin (c) Rank Math - rankmath.com -->