/* Add custom Js styles below */
const copyright = document.querySelector(".copyright-text p");

copyright.innerHTML = `<p class="text-gray-400 mb-2.5 md:mb-0">تم التصميم بواسطة | <a href="https://meggaagency.com/" class="hover:text-primary" target="_blank" rel="noreferrer">MEGA</a>
</p>`;

(function () {
  const interval = setInterval(() => {
    const grid = document.querySelector(".s-block--banners .grid");
    if (!grid) return;

    
    if (grid.querySelectorAll(".custom-7th-banner").length >= 2) {
      clearInterval(interval);
      return;
    }

  
    const banners = [
      {
        img: "https://k.top4top.io/p_3762ing061.png",
        link: "https://sono-hajj.com/search?q=%D8%B7%D9%82%D9%85%20%D8%A7%D8%AD%D8%B1%D8%A7%D9%85"
      },
      {
        img: "https://h.top4top.io/p_3762ehhvn1.png",
        link: "https://sono-hajj.com/search?q=%D8%AD%D9%82%D8%A7%D8%A6%D8%A8"
      }
    ];

    banners.forEach((item) => {
      const newBanner = document.createElement("a");
      newBanner.className = "banner-entry square-photos custom-7th-banner";
      newBanner.href = item.link;
      newBanner.target = "_blank";

      const bgDiv = document.createElement("div");
      bgDiv.className = "lazy__bg lazy bg-no-repeat entered loaded";

      bgDiv.setAttribute("data-bg", item.img);

      bgDiv.style.backgroundSize = "contain";
      bgDiv.style.backgroundRepeat = "no-repeat";
      bgDiv.style.backgroundPosition = "center";
      bgDiv.style.backgroundImage = `url("${item.img}")`;

      newBanner.appendChild(bgDiv);
      grid.appendChild(newBanner);
    });

    clearInterval(interval);
  }, 300);
})();