/* Add custom JS code below */ 
window.addEventListener("load", function () {

const popupHTML = `
<div id="anime-popup">
  <div class="popup-box">

    <span id="close-popup">&times;</span>

    <h2>🎁 هدية توصل قيمتها لـ 3000 ريال مع كل طلب</h2>

    <div id="countdown">03:00:00</div>

    <a href="#" class="popup-btn" id="popup-order-btn">
      اطلب الآن
    </a>

  </div>
</div>
`;

document.body.insertAdjacentHTML("beforeend", popupHTML);

let popupTime = 10800;

const popupTimer = setInterval(() => {

let hours = Math.floor(popupTime / 3600);
let minutes = Math.floor((popupTime % 3600) / 60);
let seconds = popupTime % 60;

document.getElementById("countdown").innerHTML =
String(hours).padStart(2,'0') + ":" +
String(minutes).padStart(2,'0') + ":" +
String(seconds).padStart(2,'0');

popupTime--;

if (popupTime < 0) {
clearInterval(popupTimer);
document.getElementById("countdown").innerHTML = "انتهى العرض";
}

}, 1000);

document.getElementById("close-popup").addEventListener("click", function () {
document.getElementById("anime-popup").style.display = "none";
});

document.getElementById("popup-order-btn").addEventListener("click", function(e) {

e.preventDefault();

document.getElementById("anime-popup").style.display = "none";

});

});