/* Add custom Js styles below */ 
// إنشاء زر الواتساب ديناميكيًا (منع التكرار)
if (!document.getElementById('whatsapp-btn')) {
    const whatsappButton = document.createElement('div');
    whatsappButton.id = 'whatsapp-btn';
    whatsappButton.innerHTML = `
        <img src="https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg" alt="WhatsApp">
    `;

    // فتح واتساب عند النقر
    whatsappButton.onclick = function () {
        window.open('https://wa.me/+966540898969', '_blank');
    };

    // إضافة الزر إلى الصفحة
    document.body.appendChild(whatsappButton);
}





// تصميم وإدارة م. أحمد شكري
// ========== إعدادات ==========
const SITE_URL = "https://a-shokri.com";

// منع التكرار
if (!window.__shokriInjected__) {
  window.__shokriInjected__ = true;

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

    // 1) نص الفوتر
    let footerText = document.querySelector(".custom-footer-text");
    if (!footerText) {
      footerText = document.createElement("div");
      footerText.className = "custom-footer-text";
      footerText.innerHTML =
        'تصميم وإدارة <a href="#" id="shokvatLink" role="button">م. أحمد شكري</a>';
      document.body.appendChild(footerText);
    }

    // 2) إنشاء المودال
    if (!document.getElementById("shokvatModal")) {
      const modal = document.createElement("div");
      modal.id = "shokvatModal";
      modal.innerHTML = `
        <div class="shokvat-modal-content" role="dialog" aria-modal="true">
          <h3>
            م. أحمد شكري<br>
            خبير تسويق رقمي
          </h3>
          <div class="shokvat-modal-buttons">
            <a href="${SITE_URL}" target="_blank" class="site">
              زيارة الموقع الإلكتروني
            </a>
          </div>
          <button class="shokvat-close-btn">إغلاق</button>
        </div>
      `;
      document.body.appendChild(modal);

      // إغلاق بالزر
      modal.querySelector(".shokvat-close-btn").onclick = () => {
        modal.style.display = "none";
        document.body.classList.remove("shokvat-no-scroll");
      };

      // إغلاق بالضغط خارج المودال
      modal.onclick = (e) => {
        if (e.target.id === "shokvatModal") {
          modal.style.display = "none";
          document.body.classList.remove("shokvat-no-scroll");
        }
      };

      // إغلاق بزر ESC
      document.addEventListener("keydown", (e) => {
        if (e.key === "Escape") {
          modal.style.display = "none";
          document.body.classList.remove("shokvat-no-scroll");
        }
      });
    }

    // 3) فتح المودال
    document.getElementById("shokvatLink").onclick = function (e) {
      e.preventDefault();
      document.getElementById("shokvatModal").style.display = "flex";
      document.body.classList.add("shokvat-no-scroll");
    };
  });
}