/* Add custom Js code below */ 
function showFAQsHomePage(parent) {
    var questions = [
      {
        qes: "هل يمكن عمل تفصيل خاص غير المنتجات المتوفرة في المتجر الالكتروني؟",
        ans: "<br>نعم، يمكن تفصيل أي موديل من خلال قسم طلبات التفصيلات الخاصة <span><a  class='opacity-50' href='https://tally.so/r/nW5Zge'>اضغط هنا</a></span><br>",
      },
      {
        qes: "ماهي طرق الدفع المتاحة؟",
        ans: "<br>الدفع الإلكتروني مثل البطاقات الائتمانية (فيزا – ماستر كارد) مدى، أبل باي، والدفع الآجل مثل تابي و تمارا.<br>",
      },
    ];

    var faqsDiv = document.createElement("div");
    faqsDiv.className = "faqs-div container";
    var title = document.createElement("h3");
    title.textContent  = 'أهم الأسئلة'
    faqsDiv.appendChild(title);

    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);

    // Show in product page
    if (parent) {
      parent.before(faqsDiv);
    }
  }

//  عرض صفحات في تفاصيل المنتج
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.children[0].children)
  
  const newDiv = document.createElement("div");
  if (productDesc) {
    Array.from(productDesc.children[0].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://handmah.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-657097132" target="_blank"> صفحة الشحن والتوصيل</a>
    </p>`;
  let packet = document.createElement("div");
  packet.innerHTML = `<button class="accordion"> الاسترجاع والاستبدال</button><p class="accordion-content">
    ${deliveyText} 
    <a href="https://handmah.com/%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%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-2033597548" target="_blank"> صفحة الاسترجاع والاستبدال </a>
    </p>`;
    
   let table = document.createElement("div");
  table .innerHTML = `<button class="accordion">جدول المقاسات</button><p class="accordion-content">
  <br>يتم معرفة المقاس المناسب من خلال صفحة دليل المقاسات <span><a href='https://handmah.com/%D8%AF%D9%84%D9%8A%D9%84-%D9%85%D9%82%D8%A7%D8%B3%D8%A7%D8%AA-%D8%A7%D9%84%D8%AD%D8%B0%D8%A7%D8%A1/page-231794343' class='opacity-50'>هنا</a></span><br>
    </p>`;

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

  // show in productForm
  const productForm = document.querySelector(".product__description");
  if (productForm) {
    productForm.after(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');
   const comments = document.querySelector('.product-single .app-inner .main-content .product-form');
 if(product){
    showProductPageDetails();
  }
  if(comments){
    showFAQsHomePage(comments)
  }

    const sectionOne = document.querySelector(".s-block.s-block--banners:nth-of-type(7)");
    const sectionTwo = document.querySelector(".s-block.s-block--banners:nth-of-type(8)");
    const items =document.querySelectorAll('.s-block.s-block--banners:nth-of-type(8) .grid .banner-entry');
    if(sectionOne){
        items.forEach(item => sectionOne.children[1].appendChild(item.cloneNode(true)));
    sectionTwo.remove();
    }
    
    /*const locations = document.querySelector(".s-block--photos-slider");
    if(locations){
    const newSec = document.createElement('div')
    newSec.innerHTML = `<div class="flex flex-col items-center justify-center gap-3 px-4"><h2 class="text-center pt-3 px-2">أكتشفت الفخامة بنفسك وجرب أحذيتنا في فرعنا</h2><a class="text-white text-center hover:opacity-60 transition duration-300 px-5 py-2.5 rounded-lg" href="https://handmah.com/%D9%85%D8%B9%D8%A7%D8%B1%D8%B6%D9%86%D8%A7/page-1443028158" style="background-color:#C74321">اكتشف الان</a></div>`
      locations.after(newSec)
    }*/
})