/* Add custom Js code below */
const secOne = document.querySelector(
  "section.s-block.s-block--fixed-banner:first-of-type"
);

const textSection = document.createElement("div");
textSection.innerHTML = `<div class="pb-8 pt-2 flex flex-col gap-2.5 justify-center items-center text-center px-3" style="max-width:800px; margin:0 auto">
<h2 class="text-lg:3xl text-xl">تاريخنا هو إرثنا</h2>
<p class="lg:text-lg">وطالما هنالك ولاء وحب وشغف وانتماءٌ، فنحن قادرون على أن نصنع  
من هذا التراث لغةً تصل وتتصل بكل عينٍ داخل وخارج مملكتنا، لتنشر تاريخ بلدٍ وُلد عظيماً ولايعرف أن يعيش إلا عظيماً.
</p></div>`;
if (secOne) {
  secOne.after(textSection);
}

const moveSocialLinksToList = () => {
  const sourceUl = document.querySelector(
    ".footer-is-light .store-footer .contact-social ul"
  );
  const targetUl = document.querySelector(
    ".store-footer__inner .container:first-of-type div:nth-of-type(3) div"
  );
  if (targetUl && sourceUl) {
    Array.from(sourceUl.children).forEach((li) => {
      targetUl.appendChild(li);
    });
  }
};
const showProductPageDetails = () => {
  const deliveyText = ` نثق بما نقدمه من جودة عالية تليق بعملائنا الكرام ، ويحق لك الاستبدال والإسترجاع في حالات معينة لمعرفة التفاصيل: `;
  const shippingText = `تعرف على سياسة الشحن والتوصيل ومدة التسليم : `;
  const faqsDiv = document.createElement("div");
  faqsDiv.classList.add("description-div");
  const brandsList = document.createElement("div");

  // وصف المنتج
  const productDesc = document.querySelector(
    ".product-single .product__description"
  );
  console.log(productDesc);
  const newDiv = document.createElement("div");

  if (productDesc) {
    Array.from(productDesc.children).forEach((item) => {
      newDiv.appendChild(item);
    });
  }

  let des = document.createElement("div");

  let desTitle = document.createElement("button");
  desTitle.classList.add("accordion");
  desTitle.innerText = "تفاصيل المنتج";
  let desText = document.createElement("p");
  desText.classList.add("accordion-content");
  productDesc ? desText.appendChild(newDiv) : "";

  des.appendChild(desTitle);
  des.appendChild(desText);

  // الاسترجاع والاستبدال
  let delivery = document.createElement("div");

  delivery.innerHTML = `<button class="accordion">الشحن والتوصيل</button><p class="accordion-content">${shippingText}

    <a href="https://manf-riyadh.com/%D8%A7%D9%84%D8%B4%D8%AD%D9%86-%D9%88-%D8%A7%D9%84%D8%AA%D9%88%D8%B5%D9%8A%D9%84/page-724644335" target="_blank">أنقر هنا</a></p>`;
  let packet = document.createElement("div");

  packet.innerHTML = `<button class="accordion">الإستبدال و الاسترجاع </button><p class="accordion-content">${deliveyText}

    <a href="https://manf-riyadh.com/%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%A8%D8%AF%D8%A7%D9%84-%D9%88-%D8%A7%D9%84%D8%A7%D8%B3%D8%AA%D8%B1%D8%AC%D8%A7%D8%B9/page-1926394817" target="_blank">أنقر هنا</a></p>`;

  brandsList.appendChild(des);
  brandsList.appendChild(packet);
  brandsList.appendChild(delivery);
  faqsDiv.appendChild(brandsList);

  // show in productForm
  const productForm = document.querySelector(".product__description");

  if (productForm) {
    productForm.after(faqsDiv);
  }
};
function showFAQsHomePage(parent) {
  var questions = [
    {
      qes: "على ماذا تعتمد رؤية مانف؟",
      ans: "<br>المحافظة على البيئة قدر الإمكان والتركيز على الاستدامة البيئية والاجتماعية<br>",
    },
    {
      qes: "ما هي فكرة مانف؟",
      ans: "<br>نشر تراث المملكة العربية السعودية بطريقة حديثة وسهلة من خلال الأزياء<br>",
    },
    {
      qes: "ما هو الهدف الرئيسي الذي يسعى إليه مانف؟",
      ans: `<br>التحفيز والتشجيع وتعزيز الوطنية
<br>`,
    },
  ];
  var faqsDiv = document.createElement("div");
  faqsDiv.className = "faqs-div container";
  var title = document.createElement("h3");
  var subtitle = document.createElement("h5");
  subtitle.textContent = "قد تدور ببالك أحد هذه الأسئلة فيمكنك أن تطلع عليها";
  title.textContent = "أهم الأسئلة";
  faqsDiv.appendChild(title);
  faqsDiv.appendChild(subtitle);
  var brandsList = document.createElement("div");
  questions.forEach(function (faq) {
    var accordion = document.createElement("div");
    accordion.innerHTML =
      '<button class="accordion">' +
      faq.qes +
      '</button><p class="accordion-content">' +
      faq.ans +
      "</p>";
    brandsList.appendChild(accordion);
  });
  faqsDiv.appendChild(brandsList);
  if (parent) {
    parent.before(faqsDiv);
  }
}
const myfunc = () => {
  const accordionBtns = document.querySelectorAll(".accordion");

  if (accordionBtns) {
    accordionBtns.forEach((accordion) => {
      if (accordion) {
        accordion.onclick = function () {
          // accordion.addEventListener('click', function () {
          this.classList.toggle("is-open");
          let content = this.nextElementSibling;

          if (content.style.maxHeight) {
            content.style.maxHeight = null;
          } else {
            content.style.maxHeight = content.scrollHeight + "px";
          }

          // })
        };
      }
    });
  }
};

const interval = setInterval(
  () => {
    myfunc();
  },

  2000
);
document.addEventListener("DOMContentLoaded", () => {
  const product = document.querySelector(".product-single");
  if (product) {
    showProductPageDetails();
  }
  const footerBg = document.querySelector(
    "section.s-block.s-block--fixed-banner.wide-placeholder:last-of-type"
  );

  if (footerBg) {
    showFAQsHomePage(footerBg);
  }
  moveSocialLinksToList();
});