function loadScript(src) {
  return new Promise((resolve, reject) => {
    const script = document.createElement('script');
    script.src = src;
    script.onload = resolve;
    script.onerror = reject;
    document.body.appendChild(script);
  });
}

//loadScript('https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe.umd.min.js');
//loadScript('https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe-lightbox.umd.min.js');


function scrollToCursor(container, event) {
  const rect = container.getBoundingClientRect();
  console.log('scrollToCursor',container);

  const cursorY = event.clientY;

  // Scroll down if cursor is below visible area
  if (cursorY > rect.bottom) {
    container.scrollTop += cursorY - rect.bottom;
  }

  // Scroll up if cursor is above visible area
  else if (cursorY < rect.top) {
    container.scrollTop -= rect.top - cursorY;
  }
}


document.addEventListener('click', function (e) {

  const btn = e.target.closest('.showDetail');
  if (!btn) return;

  const wrapper = btn.closest('.inzeraty');
  wrapper.classList.toggle('is-open');

  const description = wrapper.querySelector('.bazarDescription');

  description.classList.toggle('is-open');

  btn.querySelector('small').textContent =
    description.classList.contains('is-open')
      ? 'zobraziť menej'
      : 'zobraziť viac';

//scrollToCursor(wrapper);

  if (wrapper.classList.contains('is-open')) {
  } else {
  console.log('scroll');
//    wrapper.scrollIntoView({
//      behavior: 'smooth',
//      block: 'start'
//    });
    const offset = 40; // px above element
    const rect = wrapper.getBoundingClientRect();

    window.scrollTo({
        top: window.scrollY + rect.top - offset,
        behavior: 'smooth'
    });

  }
});

function initListingGalleries(scope = document) {

  scope.querySelectorAll('.inzeraty').forEach(listing => {

    // Prevent double init
    if (listing.dataset.pswpInitialized) return;

    console.log('aa');

    const lightbox = new PhotoSwipeLightbox({
      gallery: listing,
      children: 'a.img', // only images section
      pswpModule: PhotoSwipe
    });

    lightbox.init();

    // mark as initialized
    listing.dataset.pswpInitialized = 'true';
  });
}

var Zoznam = document.getElementById("ZOZNAM_VYSTAVOVATELOV");
Zoznam.innerHTML = '<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/photoswipe.min.css" /><style>.u-section-row.u-sticky-fixed{position:unset;}#google_translate_element,.cky-btn-revisit-wrapper{z-index: 10000; }.basicLightbox{z-index:20000!important;}.grc{overflow-x: auto; position: relative; max-width: 100%;display:grid;gap:20px;grid-template-columns: repeat(4, 1fr);margin:1em 0;} .grxc::after {content: \"\";position: absolute;top: 0;right: 0;width: 80px; height: 100%;pointer-events: none; background: linear-gradient(to right, rgba(255,255,255,0), white);}.gri{}</style><div class="container_fluid"><div class="row"><div class="col-12"><div class="alert alert-light text-muted text-small">Pozn: inzeráty sa pri každom načítaní stránky zobrazia v náhodnom poradí</div></div></div><style>.inzeraty .bazarDescription { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}.inzeraty .bazarDescription.is-open {-webkit-line-clamp: unset;  display: block;} .inzeraty .grc { display: none;} .inzeraty.is-open .grc { display: grid;} @media (max-width: 768px)  { .grc { grid-template-columns: repeat(2, 1fr);}} </style></div>';



async function loadPhotoSwipe() {
    await loadScript('https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe.umd.min.js');
    await loadScript('https://cdnjs.cloudflare.com/ajax/libs/photoswipe/5.4.4/umd/photoswipe-lightbox.umd.min.js');

    console.log('PhotoSwipe ready');
    const container = document.querySelector('#ZOZNAM_VYSTAVOVATELOV');
    initListingGalleries(container); 

}

loadPhotoSwipe();
//initListingGalleries();