window.addEventListener('load', function () {
  if (window.location.pathname !== "/") return;

  var overlay = document.createElement('div');
  overlay.id = 'popup-overlay';

  var popup = document.createElement('div');
  popup.id = 'custom-popup';
  popup.innerHTML = `
    <div id="popup-close" onclick="closePopup()">×</div>
    <h4>🎁 عرض خاص على البوكسات !</h4>
    <div class="countdown" id="countdown">60:00</div>
    <div class="popup-buttons">
      <a href="https://casca-sa.com/%D8%A8%D9%88%D9%83%D8%B3-%D8%A7%D9%84%D9%85%D8%AD%D8%A7%D8%B5%D9%8A%D9%84-%D8%A7%D9%84%D9%81%D8%A7%D8%AE%D8%B1%D8%A9-%D8%AA%D8%AC%D8%B1%D8%A8%D8%A9-%D9%82%D9%87%D9%88%D8%A9-%D9%85%D9%85%D9%8A%D8%B2%D8%A9/p41404991" id="shop-now-btn">احصل على العرض</a>
      <button id="skip-btn">تخطي الآن</button>
    </div>
  `;

  document.body.appendChild(overlay);
  document.body.appendChild(popup);

  overlay.style.display = 'block';
  popup.style.display = 'block';

  // زر تخطي الآن
  document.getElementById('skip-btn').addEventListener('click', function (e) {
    e.preventDefault();
    popup.remove();
    overlay.remove();
    clearInterval(interval); // ايقاف العداد عند الإغلاق
  });

  window.closePopup = function () {
    popup.remove();
    overlay.remove();
    clearInterval(interval); // ايقاف العداد عند الإغلاق
  };

  // إضافة شارة السعر مباشرة عند إنشاء البوب اب
  popup.insertAdjacentHTML("afterbegin", `
    <div class="price-badge">155 ر.س <span class="old-price">230</span></div>
  `);

  // اغلاق البوب اب بعد 7 ثواني
  setTimeout(function () {
    if (popup.parentNode) popup.remove();
    if (overlay.parentNode) overlay.remove();
    clearInterval(interval); // ايقاف العداد
  }, 7000);

  // العداد التنازلي
  let minutes = 59, seconds = 60;
  const countdownEl = document.getElementById('countdown');
  const interval = setInterval(() => {
    seconds--;
    if (seconds < 0) {
      seconds = 59;
      minutes--;
    }
    if (minutes < 0) {
      clearInterval(interval);
      countdownEl.innerText = "انتهى العرض!";
      return;
    }
    countdownEl.innerText =
      minutes.toString().padStart(2, '0') + ":" +
      seconds.toString().padStart(2, '0');
  }, 1000);
});