popup.js

// Show the pop-up automatically when the page loads
window.onload = function() {
  document.getElementById('popup-nl').style.display = 'flex';
};

// Close the pop-up when the user clicks the close button
document.querySelector('.close-nl').addEventListener('click', function() {
  document.getElementById('popup-nl').style.display = 'none';
});

// // Close the pop-up when clicking outside the pop-up content
// window.addEventListener('click', function(event) {
//   const popupContent = document.querySelector('.popup-content'); // Select the popup content
//   if (event.target === document.getElementById('popup')) {
//       document.getElementById('popup').style.display = 'none';
//   }
// });

// Handle form submission
document.getElementById('emailForm-nl').addEventListener('submit', function(event) {
  event.preventDefault();

  const email = document.getElementById('email-nl').value;
  if (email) {
    alert(`Your email ID ${email} has been registered successfully for the newsletter.`);
    document.getElementById('popup').style.display = 'none';
  }
});

// Handle "No thanks" link
document.querySelector('.no-thanks-nl').addEventListener('click', function(event) {
  event.preventDefault();
  document.getElementById('popup-nl').style.display = 'none';
});