/* Add custom Js code below */ 
const productBanner = document.createElement('section')
productBanner.innerHTML = `
  <div class="banner banner--fixed overflow-hidden py-4"><img width="100%" class="lazy pro-image" src="https://cdn.salla.sa/form-builder/cNBmCLVuWLncfHFQIEek3pdOZnn01QA5Wv3I8FqB.jpg" alt="" loading="lazy"></div>`
const productPage = document.querySelector('.product-single .full-description')
function showProductPageDetails() {
    const faqsDiv = document.createElement("div");
    faqsDiv.className = "description-div product-accordion";
    const brandsList = document.createElement("div");
  
      // الاسترجاع والاستبدال
    const delivery=document.createElement("div");

    delivery.innerHTML='<button class="accordion">الشحن والتوصيل</button><p class="accordion-content">للإطلاع على تفاصيل الشحن و التوصيل اضغط: هنا<a href="https://taled.net/%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%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-1130948455" target="_blank"> صفحة الشحن والتوصيل </a><br></p>';
    
    const packet=document.createElement("div");
    packet.innerHTML='<button class="accordion">الاستبدال والاسترجاع</button><p class="accordion-content">للاطلاع على تفاصيل الاستبدال و الاسترجاع اضغط: هنا <a href="https://taled.net/%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-490014304" target="_blank"> صفحة الاستبدال والاسترجاع </a><br></p>';
    
    
    const productDetails = document.querySelector('salla-metadata')
    if(productDetails){

     const des = document.createElement("div");
    const desTitle = document.createElement("button");
    desTitle.className = "accordion";
    desTitle.innerText = "مواصفات المنتج";
    const desText = document.createElement("p");
    desText.className = "accordion-content";
    const productDesc = document.querySelector('.description-paragrah');
      desText.appendChild(productDetails)
      des.appendChild(desTitle);
    des.appendChild(desText);
    
    brandsList.appendChild(des);
    }

    


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

    faqsDiv.appendChild(brandsList);
    if (productPage) {
        productPage.after(faqsDiv)
        faqsDiv.after(productBanner)

    }
}



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 = 'max-content';
                        }

                        // })
                    }

                    ;
                }
            });
    }
}

;

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

    , 2000);

document.addEventListener("DOMContentLoaded", ()=> {
        const product=document.querySelector('.product-single');
        if(product) {
            showProductPageDetails();

        }
    })