Untitled

// Get the modal and buttons
const modal = document.getElementById('preview-modal');
const previewButtons = document.querySelectorAll('.preview-btn');
const closeBtn = document.querySelector('.close-btn');
const previewImage = document.getElementById('preview-image');

// Open modal with preview image
previewButtons.forEach(button => {
  button.addEventListener('click', () => {
    const previewSrc = button.parentElement.getAttribute('data-preview');
    previewImage.src = previewSrc;
    modal.style.display = 'block';
  });
});

// Close modal
closeBtn.addEventListener('click', () => {
  modal.style.display = 'none';
});

// Close modal when clicking outside
window.addEventListener('click', (event) => {
  if (event.target === modal) {
    modal.style.display = 'none';
  }
});