// ===============================
// RENDER GALLERIA
// ===============================
function renderGallery(photos) {
  const gallery = document.getElementById('gallery');
  gallery.innerHTML = '';

  photos.forEach(photo => {
    const thumbDiv = document.createElement('div');
    thumbDiv.className = 'thumb';

    const img = document.createElement('img');
    img.src = `https://prova.patachina.it/${photo.thub1}`;
    img.alt = photo.name || '';
    img.loading = "lazy";

    thumbDiv.appendChild(img);

    if (photo.mime_type.startsWith("video/")) {
      const play = document.createElement("div");
      play.className = "play-icon";
      play.textContent = "▶";
      thumbDiv.appendChild(play);
    }

    const preview = photo.thub2
      ? `https://prova.patachina.it/${photo.thub2}`
      : `https://prova.patachina.it/${photo.thub1}`;

    thumbDiv.addEventListener('click', () => {
      openModal(
        `https://prova.patachina.it/${photo.path}`,
        preview,
        photo
      );
    });

    gallery.appendChild(thumbDiv);
  });
}