document.addEventListener("DOMContentLoaded", function() {
const popup = document.getElementById("popup");
const iframe = document.getElementById("gumroadIframe");
const close = document.querySelector(".close");
const buttons = document.querySelectorAll(".checkoutButton"); // Select all buttons with the class 'checkoutButton'

buttons.forEach(function(button) {
button.addEventListener("click", function() {
const gumroadCheckoutUrl = this.getAttribute("data-url"); // Get the URL from the data-url attribute
iframe.src = gumroadCheckoutUrl; // Set the iframe source to the Gumroad checkout URL
popup.style.display = "block"; // Show the popup
});
});

close.addEventListener("click", function() {
popup.style.display = "none"; // Hide the popup
iframe.src = ""; // Clear the iframe source to stop the checkout process
});

window.addEventListener("click", function(event) {
if (event.target === popup) {
popup.style.display = "none"; // Hide the popup if clicked outside
iframe.src = ""; // Clear the iframe source
}
});
});