/* Add custom JS code below */ 
function slowBannerSlider() {
  const slider = document.querySelector(
    'section[component-id="639001756"] .swiper'
  );

  if (!slider || !slider.swiper) {
    setTimeout(slowBannerSlider, 500);
    return;
  }

  const swiper = slider.swiper;

  // مدة بقاء البنر قبل الانتقال: 8 ثوانٍ
  swiper.params.autoplay.delay = 5000;

  // سرعة حركة الانتقال نفسها
  swiper.params.speed = 700;

  swiper.autoplay.stop();
  swiper.autoplay.start();
}

slowBannerSlider();






(function () {
  const PAGE_ID = 'page-1082205549';
  const PAGE_URL = 'https://sinensia.sa/%D8%AA%D9%88%D8%A7%D8%B5%D9%84-%D9%85%D8%B9%D9%86%D8%A7/page-1082205549';
  const ACCESS_KEY = '758fc275-76cf-4d86-b6d2-624950bcbb65';
  const MARKER = 'CONTACT_FORM_HERE';

  function addContactMenuLink() {
    const menu = document.querySelector('#mobile-menu .main-menu');

    if (!menu || menu.querySelector('a[href*="' + PAGE_ID + '"]')) return;

    const item = document.createElement('li');

    item.className = 'main-menu__item lg:hidden text-sm font-bold';

    item.innerHTML = `
      <a href="${PAGE_URL}"
         target="_self"
         aria-label="تواصل معنا"
         data-sinensia-contact-link="true"
         class="main-menu__link text-gray-500 !flex items-center gap-x-2">
        <span>تواصل معنا</span>
      </a>
    `;

    menu.appendChild(item);
  }

  function mountContactForm() {
    if (!location.pathname.includes(PAGE_ID)) return;

    const content = document.querySelector('.content-entry');

    if (!content) return;
    if (content.dataset.sinensiaContactReady === 'true') return;
    if (!content.textContent.includes(MARKER)) return;

    content.dataset.sinensiaContactReady = 'true';
    document.body.classList.add('sinensia-contact-page');

    content.innerHTML = `
      <div class="sinensia-contact">

        <p class="sinensia-contact__intro">
          يسعدنا استقبال استفساراتكم وملاحظاتكم، وسنرد عليكم في أقرب وقت ممكن.
        </p>

        <form id="sinensia-contact-form" class="sinensia-contact__form">

          <input type="hidden" name="access_key" value="${ACCESS_KEY}">

          <input type="hidden"
                 name="subject"
                 value="رسالة جديدة من صفحة تواصل معنا - Sinensia Tea">

          <input type="hidden"
                 name="from_name"
                 value="Sinensia Tea">

          <input type="checkbox"
                 name="botcheck"
                 class="sinensia-contact__botcheck"
                 tabindex="-1"
                 autocomplete="off">

          <div class="sinensia-contact__grid">

            <div class="sinensia-contact__field">
              <label for="contact-name">
                الاسم الكامل <span>*</span>
              </label>

              <input id="contact-name"
                     type="text"
                     name="name"
                     autocomplete="name"
                     placeholder="اكتب اسمك"
                     required>
            </div>

            <div class="sinensia-contact__field">
              <label for="contact-phone">
                رقم الجوال <span>*</span>
              </label>

              <input id="contact-phone"
                     class="is-ltr"
                     type="tel"
                     name="phone"
                     autocomplete="tel"
                     inputmode="tel"
                     minlength="8"
                     placeholder="05xxxxxxxx"
                     required>
            </div>

          </div>

          <div class="sinensia-contact__field">
            <label for="contact-email">البريد الإلكتروني</label>

            <input id="contact-email"
                   class="is-ltr"
                   type="email"
                   name="email"
                   autocomplete="email"
                   placeholder="name@example.com">
          </div>

          <div class="sinensia-contact__field">
            <label for="contact-type">
              نوع الاستفسار <span>*</span>
            </label>

            <select id="contact-type" name="inquiry_type" required>
              <option value="" selected disabled>اختر نوع الاستفسار</option>
              <option value="استفسار عن منتج">استفسار عن منتج</option>
              <option value="استفسار عن طلب">استفسار عن طلب</option>
              <option value="طلبات الجملة والشركات">طلبات الجملة والشركات</option>
              <option value="اقتراح أو ملاحظة">اقتراح أو ملاحظة</option>
              <option value="أخرى">أخرى</option>
            </select>
          </div>

          <div class="sinensia-contact__field">
            <label for="contact-message">
              الرسالة <span>*</span>
            </label>

            <textarea id="contact-message"
                      name="message"
                      rows="6"
                      minlength="5"
                      placeholder="اكتب رسالتك هنا"
                      required></textarea>
          </div>

          <button class="sinensia-contact__submit" type="submit">
            <span class="sinensia-contact__button-text">إرسال الرسالة</span>
          </button>

          <p class="sinensia-contact__status"
             role="status"
             aria-live="polite"></p>

        </form>
      </div>
    `;

    const form = content.querySelector('#sinensia-contact-form');
    const button = form.querySelector('button[type="submit"]');
    const buttonText = button.querySelector('.sinensia-contact__button-text');
    const status = form.querySelector('.sinensia-contact__status');

    form.addEventListener('submit', async function (event) {
      event.preventDefault();

      if (!form.reportValidity()) return;

      button.disabled = true;
      button.setAttribute('aria-busy', 'true');
      buttonText.textContent = 'جارٍ الإرسال...';

      status.className = 'sinensia-contact__status';
      status.textContent = '';

      try {
        const response = await fetch('https://api.web3forms.com/submit', {
          method: 'POST',
          body: new FormData(form)
        });

        const data = await response.json();

        if (!response.ok || !data.success) {
          throw new Error(data.message || 'تعذر إرسال الرسالة');
        }

        form.reset();

        status.classList.add('is-success');
        status.textContent =
          'تم إرسال رسالتك بنجاح، وسنتواصل معك قريبًا.';

      } catch (error) {
        status.classList.add('is-error');
        status.textContent =
          'تعذر الإرسال الآن، فضلاً حاولي مرة أخرى.';

      } finally {
        button.disabled = false;
        button.removeAttribute('aria-busy');
        buttonText.textContent = 'إرسال الرسالة';
      }
    });
  }

  function initSinensiaContact() {
    addContactMenuLink();
    mountContactForm();
  }

  if (document.readyState === 'loading') {
    document.addEventListener(
      'DOMContentLoaded',
      initSinensiaContact,
      { once: true }
    );
  } else {
    initSinensiaContact();
  }

  const observer = new MutationObserver(initSinensiaContact);

  observer.observe(document.documentElement, {
    childList: true,
    subtree: true
  });

  setTimeout(function () {
    observer.disconnect();
  }, 12000);
})();