(function () {
  const now = new Date();
  const end = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 2, 0, 0, 0);
  const closedCount = localStorage.getItem("promoClosedCount") || 0;
  if (closedCount >= 2) return;

  // إنشاء النافذة
  const popup = document.createElement("div");
  popup.innerHTML = `
    <div id="offer-popup" style="
      position: fixed;
      top: 50%; left: 50%;
      transform: translate(-50%, -50%);
      background: linear-gradient(135deg, #0a3d91, #007bff);
      color: white;
      padding: 25px 30px;
      border-radius: 18px;
      box-shadow: 0 12px 28px rgba(0,0,0,0.3);
      text-align: center;
      width: 340px;
      font-family: 'Cairo', sans-serif;
      z-index: 9999;
      display: none;
      animation: fadeIn 0.8s ease-in-out forwards;
    ">
      <style>
        @keyframes fadeIn {
          from {opacity: 0; transform: translate(-50%, -60%);}
          to {opacity: 1; transform: translate(-50%, -50%);}
        }
        #offer-popup button {
          background: white;
          color: #004aad;
          font-weight: bold;
          border: none;
          border-radius: 10px;
          padding: 8px 16px;
          margin-top: 10px;
          cursor: pointer;
          transition: all 0.3s ease;
        }
        #offer-popup button:hover {
          background: #004aad;
          color: white;
          transform: scale(1.05);
        }
        #progressBarContainer {
          width: 100%;
          background: rgba(255,255,255,0.2);
          border-radius: 8px;
          height: 10px;
          margin-top: 12px;
          overflow: hidden;
        }
        #progressBar {
          height: 100%;
          width: 0%;
          background: linear-gradient(90deg, #ffeb3b, #00e6ff);
          border-radius: 8px;
          transition: width 1s linear;
        }
      </style>
      <div style="font-size: 20px; font-weight: bold;">🎁 استخدم الكود: <span style="color: #ffeb3b;">FREE5</span></div>
      <div style="margin-top: 8px;">الحق عرض الدينير ب670 ريال لفتره محدوده او استخدم الكود واحصل علي خصم 5%</div>
      <div id="countdown" style="font-size: 15px; margin-top: 12px;"></div>
      <div id="progressBarContainer"><div id="progressBar"></div></div>
      <button id="copyCode">نسخ الكود</button>
      <button id="shopNow">اذهب للتسوق الآن</button>
      <div id="closeOffer" style="
        position: absolute;
        top: 10px; right: 12px;
        cursor: pointer;
        font-weight: bold;
        font-size: 18px;
      ">✖</div>
    </div>
  `;
  document.body.appendChild(popup);
  const offer = document.getElementById("offer-popup");
  const progressBar = document.getElementById("progressBar");

  // عد تنازلي بالعربية
  function updateTimer() {
    const diff = end - new Date();
    const total = 48 * 60 * 60 * 1000;
    const passed = total - diff;
    const progress = Math.min((passed / total) * 100, 100);
    progressBar.style.width = `${progress}%`;

    if (diff <= 0) {
      document.getElementById("countdown").innerText = "انتهى العرض 🎉";
      clearInterval(timer);
      progressBar.style.width = "100%";
      return;
    }

    const days = Math.floor(diff / (1000 * 60 * 60 * 24));
    const hours = Math.floor((diff / (1000 * 60 * 60)) % 24);
    const mins = Math.floor((diff / (1000 * 60)) % 60);
    const secs = Math.floor((diff / 1000) % 60);

    document.getElementById("countdown").innerText =
      `ينتهي خلال ${days} يوم و ${hours} ساعة و ${mins} دقيقة و ${secs} ثانية ⏳`;
  }

  const timer = setInterval(updateTimer, 1000);
  updateTimer();

  // زر نسخ الكود
  document.getElementById("copyCode").onclick = () => {
    navigator.clipboard.writeText("FREE5");
    document.getElementById("copyCode").innerText = "✅ تم النسخ";
    setTimeout(() => (document.getElementById("copyCode").innerText = "نسخ الكود"), 2000);
  };

  // زر الذهاب للتسوق
  document.getElementById("shopNow").onclick = () => {
    window.location.href = "/";
  };

  // الإغلاق
  document.getElementById("closeOffer").onclick = () => {
    offer.style.display = "none";
    const count = parseInt(localStorage.getItem("promoClosedCount") || "0") + 1;
    localStorage.setItem("promoClosedCount", count);
  };

  // ظهور بعد 5 ثواني
  setTimeout(() => {
    offer.style.display = "block";
  }, 5000);
})();