window.addEventListener("load", async function () {
  let viewportMeta = document.querySelector('meta[name="viewport"]');
  if (!viewportMeta) {
    viewportMeta = document.createElement("meta");
    viewportMeta.name = "viewport";
    document.head.appendChild(viewportMeta);
  }
  viewportMeta.content =
    "width=device-width, initial-scale=1, maximum-scale=5, user-scalable=yes";

  if (window.location.href === "https://bwtc0.com/") {
    const loadingContainer = document.createElement("div");
    loadingContainer.classList.add("loading-container");
    document.body.appendChild(loadingContainer);
  }

  const specialProduct = document.querySelector("#about-1 div div div p");
  if (specialProduct) {
    specialProduct.innerHTML = `
      <p>اعادة الحيوية للشعر التالف والمتقصف ليصبح شعر صحي وحيوي كما سبق</p>
      <p>اعاده الشعر المليئ بالمواد الكيميائيه الى شعر نظيف خالي من اي مواد بالشعر</p>
      <p>يستخدم كماسك ترطيب للشعر المعالج او المصبوغ دون التاثير على المعالج او الصبغه</p>`;
  }

  const footerLogo = document.querySelector("footer a img");
  if (footerLogo) {
    footerLogo.src = "https://i.imgur.com/6Z2S6hs.jpg";
    footerLogo.alt = "شعار BWT";
    footerLogo.style = "filter: invert(0) saturate(0); max-width: 25%;";
  }

  const images = document.querySelectorAll("img");
  images.forEach((img, index) => {
    if (!img.alt || img.alt.trim() === "") {
      img.alt = `صورة رقم ${index + 1}`;
    } else if (img.alt === "Beautiful Woman For Trade") {
      img.alt = "اكتشفي سر جمال شعرك";
    }
  });
});

const blocks = document.querySelectorAll(".s-block");

blocks.forEach((block, index) => {
  block.classList.add("m-0");
  block.id = `block-${index + 1}`;
  const container = block.querySelector(".container");
  if (container) {
    container.classList.add("p-0");
  }
});

const fqaBlock = document.querySelector(".s-block--faq .container");
if (fqaBlock) {
  fqaBlock.classList.remove("p-0");
}

const fixedBlocks = document.querySelectorAll(".s-block--fixed-banner");

fixedBlocks.forEach((block, index) => {
  const roseContainer = document.createElement("div");
  roseContainer.classList.add("rose-container");
  block.insertAdjacentElement("beforebegin", roseContainer);
});

const logoContainer = document.createElement("div");
const mobileMenu = document.querySelector(".mburger");
if (mobileMenu) {
  mobileMenu.addEventListener("click", () => {
    const mobilUl = document.querySelector(".mm-spn.mm-spn--navbar ul");
    logoContainer.classList.add("logo-container");
    logoContainer.innerHTML = `<img src="https://i.imgur.com/6Z2S6hs.jpg" alt="شعار BWT">`;
    mobilUl.insertAdjacentElement("beforebegin", logoContainer);
  });
}

document
  .querySelectorAll(
    "div.advanced-slider__slide > div.advanced-slider__caption > a.absolute"
  )
  .forEach((link, index) => {
    if (!link.textContent.trim()) {
      const linkName = `Slide link ${index + 1}`;
      link.setAttribute("aria-label", linkName);
      link.setAttribute("title", linkName);
    }
  });

const toastContainer = document.createElement("div");
toastContainer.classList.add("toast-wrapper");
toastContainer.innerHTML = `
   <div class="toast-container">
    <div class="toast-content">
        <div class="message">
            <span class="text">هل تحتاج اكسجين ؟</span>
        </div>
        <div class="buttons">
            <a href="https://bwtc0.com/ar/category/nEVwEr" class="buyNow">شراء</a>
            <button class="close">الغاء</button>
        </div>
    </div>
   </div>
`;

document.body.appendChild(toastContainer);
const toast = document.querySelector(".toast-wrapper");
const closeIcon = document.querySelector(".close");
closeIcon.addEventListener("click", () => {
  toast.classList.remove("active");
});

setTimeout(() => {
  const addToCartButtons = document.querySelectorAll(
    "salla-add-product-button button"
  );
  console.log(addToCartButtons);
  if (addToCartButtons.length > 0) {
    addToCartButtons.forEach((button) => {
      button.addEventListener("click", function () {
        const productCard = button.closest(".product-card");
        const singleProductCard = button.closest(".product-single__inner");
        if (singleProductCard) {
          const productTitle = singleProductCard.querySelector(
            ".product-entry__sub-title"
          ).textContent;
          if (productTitle.includes("صبغة")) {
            toast.classList.add("active");
          }
        }
        if (productCard) {
          const productTitle = productCard.querySelector(
            ".product-card__title a"
          ).textContent;
          if (productTitle.includes("صبغة")) {
            toast.classList.add("active");
          }
        }
      });
    });
  }
}, 2000);