// ابحث عن السكشن الأول باستخدام الكلاس
const firstSection = document.querySelector('.advanced-slider--1');

// إذا لقينا السكشن الأول، ننشئ السكشن الثاني
if (firstSection) {
    // إنشاء عنصر div جديد للسكشن الثاني
    const secondSection = document.createElement('div');
    secondSection.innerHTML = `
        <section class="s-block s-angel--divider merge-bottom centered-title" data-wow-delay="0.1s">
            <div class="divider-container container">
                <div class="s-block__title divider-title">
                    <div class="flex flex-col w-full">
                        <div class="flex-center w-full">
                            <div class="flex-center flex-col px-4 md:px-10 z-1 gap-1 md:gap-2">
                                <div class="divider-wrapper">
                                    <div class="divider-item">
                                        <div class="divider-title">
                                            <h2 class="w-full px-1 da-cp whitespace-nowrap" data-wow-delay="0.1s">لطلب قطع غير معروضة !</h2>
                                            <p class="w-full mt-1 px-1 !p-0 !m-0 text-gray-400 da-ts whitespace-nowrap" data-wow-delay="0.2s">أرسل ( ١-الاسم ٢-المدينة ٣-رقم الهيكل ٤-اسم القطعة ) على الواتساب</p>
                                        </div>
                                    </div>
                                </div>
                                <a href="https://api.whatsapp.com/send?phone=966536261486" class="s-block__display-all flex-center divider-url" data-wow-delay="0.3s" aria-label="للطلب هنا">للطلب هنا</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    `;

    // إضافة السكشن الثاني بعد السكشن الأول
    firstSection.insertAdjacentElement('afterend', secondSection);
}

// إضافة CSS لضبط الشكل إذا لزم
const style = document.createElement('style');
style.textContent = `
    .s-block.s-angel--divider {
        text-align: center; /* للتأكد من المحاذاة */
    }
    .divider-title h2 {
        font-size: 1.5rem; /* حجم العنوان */
        color: #333; /* لون العنوان */
    }
    .divider-title p {
        font-size: 1rem; /* حجم النص */
        color: #666; /* لون النص */
    }
    .divider-url {
        display: inline-block;
        padding: 10px 20px;
        background-color: #25D366; /* لون زر الواتساب */
        color: white;
        text-decoration: none;
        border-radius: 5px;
        margin-top: 10px;
    }
    .divider-url:hover {
        background-color: #1ebe57; /* لون الزر عند التحويم */
    }
`;
document.head.appendChild(style);