/* Add custom Js code below */ 
// Detect language
const lang = document.documentElement.lang || 'ar';

const createAccordion = (data, parent, head = true, order = "before") => {
    if (!data || !Array.isArray(data) || data.length === 0) return;

    const section = document.createElement('section');
    section.className = 'accordion-section';


    if (head) {
        const heading = document.createElement('div');
        heading.innerHTML = lang === 'en' ? 
            `<h2 class="section-title">Frequently Asked Questions</h2><p class="section-sub">Get to know us more .</p>` :
            `<h2 class="section-title">اهم الاسئلة</h2><p class="section-sub">تعرف علينا أكثر</p>`;
        section.append(heading);
    }

    const accorCon = document.createElement('div');
    accorCon.className = 'accordion';

    data.forEach(({ title, content }) => {
        const button = document.createElement('button');
        button.className = 'accordion-button';
        button.innerHTML = `<span class="accor-title">${title}</span> <span class="icon">+</span>`;

        const contentDiv = document.createElement('div');
        contentDiv.className = 'accordion-content';
        typeof content === 'string' && content.includes('<')? contentDiv.innerHTML = content :
        contentDiv.innerHTML = `<p>${content}</p>`;
        
        button.addEventListener('click', () => {
            const isActive = button.classList.toggle('active');
            button.querySelector('.icon').textContent = isActive ? '−' : '+';
            contentDiv.style.maxHeight = isActive ? `${contentDiv.scrollHeight}px` : null;
        });

        accorCon.append(button, contentDiv);
    });

    section.append(accorCon);
    order === 'before' ? parent.before(section) : parent.after(section);
};

document.addEventListener("DOMContentLoaded", () => {

    const proForm = document.querySelector('.product-single .main-content>.flex.whitespace-nowrap.gap-4.items-center:nth-of-type(1)');
    if (proForm) {
        const proDes = document.querySelector('.product-single .product__description article');
       const validData = lang === 'en' ? [
            { title: "Product Description", content: proDes ? proDes.innerHTML : "" },
            { title: "Shipping and Delivery", content: "<p>For shipping and delivery details, <a href=https://tulilap.me/%D8%B3%D9%8A%D8%A7%D8%B3%D8%A9-%D8%A7%D9%84%D8%AA%D9%88%D8%B5%D9%8A%D9%84-%D8%AA%D9%88%D9%84%D9%8A-%D9%84%D9%80%D8%A7%D8%A8/page-1757359054' class='click'>click here</a>.</p>" }
        ] : [
            { title: "وصف المنتج", content: proDes ? proDes.innerHTML : "" },
            { title: "التوصيل والشحن", content: "<p>لمعرفة تفاصيل الشحن والتوصيل <a href='https://tulilab.me/سياسة-التوصيل-تولي-لـاب/page-1757359054' class='click'>اضغط هنا</a></p>" }
        ];

        createAccordion(validData, proForm, false, "after");
        proDes.remove();
    }
});