/* Add custom Js code below */ 
/*video*/
/*
const section = document.querySelector("section:nth-of-type(1).s-block.s-block--photos-slider");

// إنشاء العنصر الجديد
const newDiv = document.createElement('div');
newDiv.classList.add('home-video');
newDiv.style.marginTop = '0.5rem';
newDiv.style.paddingLeft = '0px';
newDiv.style.paddingRight = '0px !important';

// إضافة محتوى الفيديو إلى الـ div الجديد
newDiv.innerHTML = `
  <video loop muted autoplay playsinline src="https://a.top4top.io/m_3295cmv741.mp4" type="video/mp4" style="width: 100%; margin: 0 auto 10px; max-width: 700px;">
  </video>
`;
section.parentNode.insertBefore(newDiv, section);

*/

document.addEventListener("DOMContentLoaded", () => {
    const section = document.querySelector("section:nth-of-type(1).s-block.s-block--photos-slider");

    if (section) {
        // إنشاء العنصر الجديد
        const newDiv = document.createElement('div');
        newDiv.classList.add('home-video');
        newDiv.style.paddingLeft = '0px';
        newDiv.style.paddingRight = '0px !important';

        // إضافة محتوى الفيديو إلى الـ div الجديد
        newDiv.innerHTML = `
          <video loop muted autoplay playsinline src="https://e.top4top.io/m_3297lvy8p1.mp4" type="video/mp4" style="width: 100%; margin: 0 auto 10px; max-width: 700px;">
          </video>
        `;

        // إدراج الفيديو قبل القسم المستهدف
        section.parentNode.insertBefore(newDiv, section);

        console.log("تمت إضافة الفيديو وتشغيله تلقائيًا");
    } else {
        console.warn("العنصر المستهدف غير موجود");
    }
});

/****************************************/
/****************************************/
/****************************************/

/*خريطة*/

document.addEventListener("DOMContentLoaded", () => {
    let container = document.querySelector("section#best-offers-9-slider");

    console.log(container);
    const newmap = `
        <div class="new-div-footer">

            <a href="https://maps.app.goo.gl/sZhQWrDDE9GZJDXaA"  target="_blank">
                <img src="https://i.ibb.co/hBMXBbR/image.png" alt="image" border="0">
            </a>
        </div>`;

    if (container) {
        container.insertAdjacentHTML("beforeend", newmap); // إضافة الديف الجديد بداخل العنصر المستهدف
    } else {
        console.warn("العنصر المستهدف غير موجود");
    }
});

/**********/

/*اسئلة شائعة*/

document.addEventListener("DOMContentLoaded", () => {
    let container = document.querySelector("section#best-offers-9-slider");

    console.log(container);
    const newmap = `
        <div class="new-div-eman">

 <h3>خطر ببالك سؤال !. اجابته بتلاقها هنا </h3>
 <div class="boxes"> 
 <div>
 <div class="box1"> 
 <h4> كم مدة التوصيل </h4>
 <b>   لا تشيل هم حرصين على وصول منتجك في اسرع وقت، من 1-5 ايام داخل المملكة.</b>
  </div>
       <div class="box1"> 
 <h4> عندكم تفصيل نظر؟ </h4>
 <b>   نعم يمكنك تفصيل العدسات الطبية على اي إطار من إطارات عدسة الرؤيا.</b>
  </div>
  </div>
   <div>
    <div class="box1"> 
 <h4> هل عندكم استرجاع؟ </h4>
 <b>  نعم عميلنا العزيز يمكنك استرجاعها في حل لم تناسبك.</b>
  </div>
  <div class="box1"> 
 <h4> كيف اعرف مقاس وجهي؟</h4>
 <b>  بيتم تزوديكم بمقطع توضيحي لمعرفة المقاس والنظارة المناسبة لمقاس وجهك</b>
  </div>
 </div>
 </div>
 
 
        </div>`;

    if (container) {
        container.insertAdjacentHTML("beforeend", newmap); // إضافة الديف الجديد بداخل العنصر المستهدف
    } else {
        console.warn("العنصر المستهدف غير موجود");
    }
});