document.addEventListener("DOMContentLoaded", function () {

const targetProducts = ["274139935","251769767"];

const secondProductLink = "https://gazzosaksa.com/%D8%AC%D9%87%D8%A7%D8%B2-%D9%86%D9%88%D8%A7%D8%B1-%D8%A7%D8%B3%D8%B7%D9%88%D8%A7%D9%86%D8%A9/p260347741";

const message = `
إذا كانت هذه أول مرة تشتري هذا المنتج، يرجى شراء حزمة البداية التي تحتوي على أسطوانة CO2 من الرابط أدناه للاستمتاع بأكثر المشروبات انتعاشًا.
<br><br>
If it is your first time to buy it, kindly get the starter pack including the CO2 Cylinder from the link below to enjoy the most refreshing beverages.
`;

document.body.addEventListener("click", function(e){

const btn = e.target.closest("salla-add-product-button button");

if(!btn) return;

const currentUrl = window.location.href;

const matched = targetProducts.some(id => currentUrl.includes(id));

if(matched){
setTimeout(showPopup,300);
}

});


function showPopup(){

if(document.querySelector("#starter-popup")) return;

const popup = document.createElement("div");

popup.id = "starter-popup";

popup.innerHTML = `

<div class="popup-overlay"></div>

<div class="popup-card">

<p>${message}</p>

<a href="${secondProductLink}" class="popup-btn">View Cylinder Product</a>

<button class="popup-close">✕</button>

</div>

`;

document.body.appendChild(popup);

document.querySelector(".popup-close").onclick = () => popup.remove();

}

});