/* بداية كود مميزات المتجر وعلامات الثقة */
(() => {
  const target = document.querySelector('.flex.bg-white.p-5.sm\\:pb-0.rounded-md.rounded-b-none');
  if (!target) return;

  const paymentIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect><line x1="1" y1="10" x2="23" y2="10"></line></svg>`;
  const replacementIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="23 4 23 10 17 10"></polyline><polyline points="1 20 1 14 7 14"></polyline><path d="M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15"></path></svg>`;
  const returnIcon = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="9 14 4 9 9 4"></polyline><path d="M20 20v-7a4 4 0 0 0-4-4H4"></path></svg>`;

  const box = document.createElement('div');
  box.innerHTML = `
    <div class="container-107">
      <div class="flex-features">
        <div class="flex-feature-item">
          <div>
            ${paymentIcon}
            <span>دفع آمن ومشفر</span>
          </div>
        </div>
        <div class="flex-feature-item">
          <div>
            ${replacementIcon}
            <span>30 يوم استبدال</span>
          </div>
        </div>
        <div class="flex-feature-item">
          <div>
            ${returnIcon}
            <span>30 يوم استرجاع</span>
          </div>
        </div>
      </div>
    </div>
  `;

  target.insertAdjacentElement('beforebegin', box);
})();
/* نهاية كود مميزات المتجر وعلامات الثقة */


/* بداية كود رابط دليل المقاسات */
(() => {
  const requiredOptionName = 'مقاس البسطار';

  function addFeaturesBox(container) {
    if (document.querySelector('.size-info')) return;

    const box = document.createElement('div');
    box.className = 'size-info salla-product-option';
    box.style.direction = 'rtl';
    box.style.marginTop = '15px';
    box.innerHTML = `
      <div style="display: flex; align-items: center; gap: 5px;">
        <span>ما تعرف مقاسك ؟</span>
        <a href="https://zadalqanas.com/ar/%D9%83%D9%8A%D9%81%20%D9%85%D8%B9%D8%B1%D9%81%D8%A9%20%D9%85%D9%82%D8%A7%D8%B3%20%D8%A7%D9%84%D8%B1%D8%AC%D9%84%20%D8%A8%D9%80%203%20%D8%AE%D8%B7%D9%88%D8%A7%D8%AA/page-111623041" style="color: #991b1b; text-decoration: underline;">اضغط هنا</a>
      </div>
    `;
    container.appendChild(box);
  }

  function tryInject() {
    const allLabels = document.querySelectorAll('.s-product-options-option-label b');
    for (const label of allLabels) {
      if (label.textContent.includes(requiredOptionName)) {
        const container = label.closest('.s-product-options-option-container');
        if (container) {
          addFeaturesBox(container);
          return true;
        }
      }
    }
    return false;
  }

  if (!tryInject()) {
    const targetContainer = document.querySelector('.product-option-selector, .s-product-options-wrapper') || document.body;

    const observer = new MutationObserver((mutations, obs) => {
      if (tryInject()) {
        obs.disconnect();
      }
    });
    observer.observe(targetContainer, { childList: true, subtree: true });
  }
})();
/* نهاية كود رابط دليل المقاسات */


/* بداية كود قسم الأكثر مبيعاً مع الاستثناء  */
(() => {
  'use strict';

  const excludedCategory = "gAqjBj"; 
  const excludedCategoryName = "المشتريات والتوريدات الحكومية";  
  const mainContainerSelector = '.s-products-list-wrapper.s-products-list-filters-results';
  const productItemSelector = '.s-product-card-entry.s-product-card-vertical.s-product-card-fit-height';
  const filterSelectId = 'product-filter';

  function isExcludedPage() {
    if (window.location.href.includes('/category/' + excludedCategory)) return true;
    const breadcrumbs = document.querySelectorAll('.breadcrumb a, .breadcrumb span, [class*="breadcrumb"] a, [class*="breadcrumb"] span');
    for (const item of breadcrumbs) {
      if (item.textContent.trim() === excludedCategoryName) return true; 
    }
    return false;
  }

  function removeTopSellingAndRestore() {
    const section = document.querySelector('.top-selling-section');
    if (section) {
      const grid = section.querySelector('.top-selling-grid');
      const mainContainer = document.querySelector(mainContainerSelector);
      
      if (grid && mainContainer) {
        const movedProducts = grid.querySelectorAll(productItemSelector);
        movedProducts.forEach(card => {
          mainContainer.insertBefore(card, mainContainer.firstChild);
        });
      }
      section.remove();
    }
  }

  function setFilterToBestSell() {
    if (isExcludedPage()) return false;
    const filter = document.getElementById(filterSelectId);
    if (!filter) return false;

    if (filter.value !== 'bestSell') {
      filter.value = 'bestSell';
      filter.dispatchEvent(new Event('change', { bubbles: true }));
      return true;
    }
    return true;
  }

  function createTopSellingSection() {
    if (isExcludedPage()) {
      removeTopSellingAndRestore();
      return;
    }

    if (document.querySelector('.top-selling-section')) return;

    const mainContainer = document.querySelector(mainContainerSelector);
    if (!mainContainer) return;

    const allProducts = mainContainer.querySelectorAll(productItemSelector);
    if (allProducts.length === 0) return; 

    const section = document.createElement('div');
    section.className = 'top-selling-section';
    section.innerHTML = `
      <h2 class="top-selling-title">الأكثر مبيعاً </h2>
      <div class="top-selling-grid"></div>
    `;
    const grid = section.querySelector('.top-selling-grid');
    
    const topThreeToMove = Array.from(allProducts).slice(0, 3);

    topThreeToMove.forEach(card => {
      grid.appendChild(card);
      
      const images = card.querySelectorAll('img');
      images.forEach(img => {
        if (img.dataset.src) { img.src = img.dataset.src; }
        if (img.dataset.srcset) { img.srcset = img.dataset.srcset; }
        img.classList.remove('lazy', 'lazyloading');
        img.classList.add('lazyloaded');
        img.style.opacity = '1';
      });
    });

    mainContainer.before(section);
  }

  const observer = new MutationObserver(() => {
    if (isExcludedPage()) {
      removeTopSellingAndRestore();
      return;
    }

    const mainContainer = document.querySelector(mainContainerSelector);
    if (!mainContainer) return;

    const products = mainContainer.querySelectorAll(productItemSelector);
    if (products.length > 0 && mainContainer.offsetHeight > 0) {
      setFilterToBestSell(); 
      if (!document.querySelector('.top-selling-section')) {
        createTopSellingSection();
      }
    }
  });

  observer.observe(document.body, { childList: true, subtree: true });
})();
/* نهاية كود قسم الأكثر مبيعاً مع الاستثناء */


/* بداية كود تغيير إضافة للسلة الى عرض سعر في كروت المنتجات  */
(() => {
  'use strict';

  const newButtonText = "طلب عرض سعر";

  function applyExactCardInterception() {
    const productCards = document.querySelectorAll('custom-salla-product-card');

    for (let i = 0; i < productCards.length; i++) {
      const card = productCards[i];

      if (card.querySelector('.custom-card-quote-btn')) continue;

      const sallaAddBtn = card.querySelector('salla-add-product-button');
      if (!sallaAddBtn) continue;

      const productType = sallaAddBtn.getAttribute('product-type');

      if (productType === 'service' || productType === 'digital') {
        const titleElement = card.querySelector('.s-product-card-content-title a');
        if (!titleElement) continue;
        const productUrl = titleElement.href;

        const footerSpace = card.querySelector('.s-product-card-content-footer');

        if (footerSpace) {
          footerSpace.style.position = 'relative';

          const customOverlayBtn = document.createElement('a');
          customOverlayBtn.href = productUrl;
          customOverlayBtn.className = 'custom-card-quote-btn s-button-primary-outline';

          customOverlayBtn.innerHTML = `
            <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="margin-left: 6px; display: inline-block; vertical-align: middle;">
              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"></path>
              <polyline points="14 2 14 8 20 8"></polyline>
              <line x1="16" y1="13" x2="8" y2="13"></line>
              <line x1="16" y1="17" x2="8" y2="17"></line>
            </svg>
            <span style="display: inline-block; vertical-align: middle;">${newButtonText}</span>
          `;

          customOverlayBtn.addEventListener('click', (e) => {
            e.stopPropagation();
          });

          footerSpace.appendChild(customOverlayBtn);

          card.dataset.quoteOverlayApplied = 'true';
        }
      }
    }
  }

  const startObserver = () => {
    const observer = new MutationObserver(applyExactCardInterception);
    observer.observe(document.body, {
      childList: true,
      subtree: true,
      attributes: true,
      attributeFilter: ['product-type', 'class']
    });
    applyExactCardInterception();
  };

  if (document.body) {
    startObserver();
  } else {
    document.addEventListener('DOMContentLoaded', startObserver);
  }
})();
/* نهاية كود تغيير إضافة للسلة الى عرض سعر في كروت المنتجات */


/* بداية كود استبدال زر السلة في صفحة المنتج بزر عرض سعر */
(() => {
  'use strict';

  const targetCategoryCode = "gAqjBj";
  const targetCategoryName = "المشتريات والتوريدات الحكومية";
  const quotationText = "طلب عرض سعر";

  function isProductInTargetCategory() {
    const schemas = document.querySelectorAll('script[type="application/ld+json"]');
    for (const script of schemas) {
      try {
        const text = script.innerText;
        if (text.includes('/category/' + targetCategoryCode) || text.includes(`"name": "${targetCategoryName}"`)) {
          return true;
        }
      } catch (e) {}
    }
    const breadcrumbs = document.querySelectorAll('.breadcrumb a, .breadcrumb span, [class*="breadcrumb"] a, [class*="breadcrumb"] span');
    for (const item of breadcrumbs) {
      if (item.textContent.trim() === targetCategoryName) return true;
    }
    return false;
  }

  function applyQuotationFlow() {
    if (!isProductInTargetCategory()) return;

    if (!document.getElementById('custom-fast-quote-style')) {
      const style = document.createElement('style');
      style.id = 'custom-fast-quote-style';
      style.innerHTML = `
        .product-single__aside section.flex.bg-white.p-5.sm\\:pb-0.rounded-md.rounded-b-none,
        .form.product-form section.flex.bg-white.p-5.sm\\:pb-0.rounded-md.rounded-b-none,
        .product-single__aside .sticky-product-bar__quantity,
        .form.product-form .sticky-product-bar__quantity {
          display: none !important;
        }

        .product-single__aside salla-add-product-button salla-button,
        .form.product-form salla-add-product-button salla-button {
          display: none !important;
          opacity: 0 !important;
          visibility: hidden !important;
        }

        .product-single__aside salla-mini-checkout-widget,
        .product-single__aside .s-add-product-button-mini-checkout,
        .form.product-form salla-mini-checkout-widget,
        .form.product-form .s-add-product-button-mini-checkout {
          width: 100% !important;
          display: block !important;
          position: relative !important;
        }

        .product-single__aside salla-mini-checkout-widget::after,
        .form.product-form salla-mini-checkout-widget::after {
          content: "${quotationText}";
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: #ebc607 !important;
          color: #000000 !important;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: bold;
          font-size: 16px;
          border-radius: 6px;
          box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1);
          z-index: 99999 !important;
          pointer-events: none !important;
        }
      `;
      document.head.appendChild(style);
    }
  }

  const startProductObserver = () => {
    const productFormContainer = document.querySelector('.product-single__aside, .form.product-form') || document.body;
    const observer = new MutationObserver(applyQuotationFlow);
    observer.observe(productFormContainer, { childList: true, subtree: true });
    applyQuotationFlow();
  };

  if (document.body) {
    startProductObserver();
  } else {
    document.addEventListener('DOMContentLoaded', startProductObserver);
  }
})();
/* نهاية كود استبدال زر السلة في صفحة المنتج بزر عرض سعر */


/* بداية كود وسائل الدفع الموحد (المنتج والفوتر) */
(() => {
  const paymentMethods = [
    { name: 'Mada', fileName: 'mada.png' },
    { name: 'Credit Card', fileName: 'credit_card.png' },
    { name: 'Mastercard', 
      svg: '<svg xmlns="http://www.w3.org/2000/svg" width="36" height="26" viewBox="10 10 50 30"><path fill-rule="evenodd" clip-rule="evenodd" d="M35.3945 34.7619C33.0114 36.8184 29.92 38.0599 26.5421 38.0599C19.0047 38.0599 12.8945 31.8788 12.8945 24.254C12.8945 16.6291 19.0047 10.448 26.5421 10.448C29.92 10.448 33.0114 11.6895 35.3945 13.7461C37.7777 11.6895 40.869 10.448 44.247 10.448C51.7843 10.448 57.8945 16.6291 57.8945 24.254C57.8945 31.8788 51.7843 38.0599 44.247 38.0599C40.869 38.0599 37.7777 36.8184 35.3945 34.7619Z" fill="#ED0006"/><path fill-rule="evenodd" clip-rule="evenodd" d="M35.3945 34.7619C38.3289 32.2296 40.1896 28.4616 40.1896 24.254C40.1896 20.0463 38.3289 16.2783 35.3945 13.7461C37.7777 11.6895 40.869 10.448 44.247 10.448C51.7843 10.448 57.8945 16.6291 57.8945 24.254C57.8945 31.8788 51.7843 38.0599 44.247 38.0599C40.869 38.0599 37.7777 36.8184 35.3945 34.7619Z" fill="#F9A000"/><path fill-rule="evenodd" clip-rule="evenodd" d="M35.3946 13.7461C38.329 16.2784 40.1897 20.0463 40.1897 24.254C40.1897 28.4616 38.329 32.2295 35.3946 34.7618C32.4603 32.2295 30.5996 28.4616 30.5996 24.254C30.5996 20.0463 32.4603 16.2784 35.3946 13.7461Z" fill="#FF5E00"/></svg>'
    },
    { name: 'Bank Transfer', fileName: 'bank.png' }, 
    { name: 'STC Pay', fileName: 'stc_pay.png' },
    { name: 'Apple Pay', fileName: 'apple_pay.png' },
    { name: 'Tamara', fileName: 'tamara_installment.png' }, 
    { name: 'Google Pay', fileName: 'google_pay.png' },
  ];

  const imageBaseUrl = 'https://mahally.com/images/payments/';

  const productTarget = document.querySelector('.form.product-form');
  if (productTarget) {
    const productListHTML = paymentMethods.map(method => {
      let content = method.svg ? method.svg : `<img src="${imageBaseUrl}${method.fileName}" alt="${method.name}" loading="lazy">`;
      return `<li class="custom-payment-list-item">${content}</li>`;
    }).join('');

    const productWrapper = document.createElement('div');
    productWrapper.className = 'custom-payment-wrapper';
    productWrapper.innerHTML = `<ul class="custom-payment-list">${productListHTML}</ul>`;
    productTarget.insertAdjacentElement('afterend', productWrapper);
  }

  if (!document.getElementById('hide-salla-payments-style')) {
    const style = document.createElement('style');
    style.id = 'hide-salla-payments-style';
    style.innerHTML = `
      salla-payments.s-payments-list-wrap, 
      .s-payments-list-wrap,
      salla-payments[class*="s-payments"] {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
      }
    `;
    document.head.appendChild(style);
  }

  function fixFooterPayments() {
    const originalWrap = document.querySelector('salla-payments, .s-payments-list-wrap');
    if (!originalWrap) return false;
    if (document.querySelector('.custom-payment-wrapper-2')) return true;

    const footerListHTML = paymentMethods.map(method => {
      let content = method.svg ? method.svg : `<img src="${imageBaseUrl}${method.fileName}" alt="${method.name}" loading="lazy" style="max-height: 30px; width: auto;">`;
      return `<li class="custom-payment-list-item-2" style="display: inline-block; margin: 0 5px;">${content}</li>`;
    }).join('');

    const footerWrapper = document.createElement('div');
    footerWrapper.className = 'custom-payment-wrapper-2';
    footerWrapper.innerHTML = `<ul class="custom-payment-list-2" style="display: flex; gap: 8px; justify-content: center; align-items: center; list-style: none; padding: 0; margin: 10px 0;">${footerListHTML}</ul>`;

    originalWrap.insertAdjacentElement('afterend', footerWrapper);
    return true;
  }

  if (!fixFooterPayments()) {
    const footerObserver = new MutationObserver((mutations, obs) => {
      if (fixFooterPayments()) {
        obs.disconnect(); 
      }
    });
    footerObserver.observe(document.body, {
      childList: true,
      subtree: true
    });
  }
})();
/* نهاية كود وسائل الدفع الموحد */