/* Add custom Js code below */ 
const addElement = (parent, link, position="inside", classes ="") => {
  const elem = document.createElement('div')
  if (classes) {
    elem.className = classes;
  }
  elem.innerHTML = link
  if(position == 'inside'){
    parent.insertBefore(elem, parent.children[0])
  }else{
    parent.after(elem)
  }
}

const headerSide = document.querySelector('header .header-user-cart')
if(headerSide){
  addElement(
    headerSide,
    `<a href="https://apps.apple.com/us/app/%D9%85%D8%A7%D9%8A-%D9%83%D9%88%D8%AF/id1566100388">حمل التطبيق</a>`,
    "inside", 
    "text-white text-center text-sm px-2 py-1 mx-1 transition duration-300 header-link rounded-full"
  );
}

const showProductPageDetails=()=> {

    const deliveyText=` من اجل حفظ حقوق العميل وايضاح كافة التفاصيل من قبل متجرنا للعميل:
        <br> <br> مدة الاسترجاع 3 أيام والاستبدال 7 ايام من تاريخ استلامك للمنتج، يتم التواصل مع خدمة العملاء على الواتساب موضح فيه رقم الطلب وابلاغهم ب الاستبدال أو الاسترجاع، ويجب أن تتوفر الشروط التالية: <br> <br> 1- تكاليف الشحن ورسوم الدفع عند الاستلام غير مستردة. <br> <br> 2- يجب أن يكون المنتج عند الاستبدال او الاسترجاع بحالة سليمة وغير تالف، ومتضمن جميع التغليفات والستيكرات غير منزوعة <br> <br> 3- في حال الرغبة في الغاء الطلب بعد مرور 24 ساعة يعتبر الطلب قيد التنفيذ ويتم استرجاع المنتج ورسوم الشحن غير مستردة. <br> <br> 4- في حال استرجاع المنتج سيتم تحويل المبلغ الى حسابك خلال (4 أيام إلى 7 ايام) بعد وصول الشحنة الى الموقع والتأكد انها في حالتها الطبيعية <br> 5- المنتجات المخفضة والعروض لا تسترجع. <br> <br> سوف يتم بعد ذلك ارسال بوليصة الاسترجاع، ويجب على العميل أن يسلم الطلبية لأقرب فرع له لكي يتم استرجاع الطلب خلال 5 أيام من طلب الاسترجاع. <br> <br> في حالة كان العميل خارج السعودية فيجب عليه أن يرسل الطلبية عبر أي شركة شحن متوفرة ويتحمل تكاليفها بنفسه. <br> <br> في حال كان هناك خطا من المتجر لا قدر الله (سواء بإرسال منتج مختلف، أو مقاس مختلف، او نقص في الطلبية) <br> <br> فالمتجر يتحمل جميع التكاليف. ` 
    const faqsDiv=document.createElement("div");
    faqsDiv.classList.add('description-div') 
    const brandsList=document.createElement("div");

    // وصف المنتج
    const productDesc=document.querySelector('.product__description') 
    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(productDesc): ''
    des.appendChild(desTitle) 
    des.appendChild(desText) 

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

    const productForm=document.querySelector('.form.product-form') 
    if (productForm) {
        productForm.before(faqsDiv)
    }

}

const myfunc=()=> {
    const accordionBtns=document.querySelectorAll(".accordion");

    if (accordionBtns) {
        accordionBtns.forEach((accordion)=> {
                
            if (accordion) {
                accordion.onclick=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);


window.addEventListener('load', ()=> {
    showProductPageDetails();
})