/* Masterways — Salla Aali Theme | Final Safe JavaScript
   Paste without <script> tags and remove all previous custom JS. */

(function(){
  'use strict';

  if(window.__MW_SAFE_FINAL__) return;
  window.__MW_SAFE_FINAL__ = true;

  var C = {
    breakpoint: 1025,
    whatsapp: '966553240111',
    message: 'مرحبًا، أرغب في الاستفسار عن باقات نادي مسار الأبطال.',

    menu: [
      ['الرئيسية', '/'],
      ['الباقات والاشتراكات', '#mw-packages'],
      [
        'العروض',
        '/عروض-اشتراك-نادي-رياضي-في-بريدة/page-2135369806'
      ],
      ['مرافق النادي', '#mw-facilities'],
      ['برامج النادي', '#mw-paths'],
      ['المدونة', '/blog'],
      [
        'من نحن',
        '/من-نحن-نادي--رجالي-بريدة/page-41356177'
      ],
      [
        'تواصل معنا',
        '/contact-us/page-821249906'
      ]
    ],

    sections: [
      ['.s-block--bundle-hero-section', 'mw-hero'],
      ['.s-block--bundle-masterways-benefits', 'mw-benefits'],
      ['.s-block--bundle-masterways-packages', 'mw-packages'],
      ['.s-block--bundle-facilities-gallery', 'mw-facilities'],
      ['.s-block--bundle-masterways-paths', 'mw-paths'],
      ['.s-block--bundle-member-reviews', 'mw-reviews'],
      ['.s-block--bundle-faq-section', 'mw-faq'],
      ['.s-block--bundle-masterways-final-cta', 'mw-final-cta']
    ]
  };

  var S = {
    started: false,
    queued: false,
    observer: null,
    mutation: null,
    bound: new WeakSet()
  };

  function home(){
    return (
      document.body.classList.contains('index') ||
      location.pathname === '/' ||
      location.pathname === ''
    );
  }

  function desktop(){
    return matchMedia(
      '(min-width:' + C.breakpoint + 'px)'
    ).matches;
  }

  function text(value){
    return String(value || '')
      .replace(/\s+/g, ' ')
      .trim();
  }

  function emptyHref(value){
    value = String(value || '').trim();

    return (
      !value ||
      value === '#' ||
      value === 'javascript:void(0)' ||
      value === 'javascript:;'
    );
  }

  function wa(){
    return (
      'https://wa.me/' +
      C.whatsapp +
      '?text=' +
      encodeURIComponent(C.message)
    );
  }

  function sectionHref(hash){
    return home() ? hash : '/' + hash;
  }

  function ready(callback){
    var done = false;

    function run(){
      if(done) return;
      done = true;
      callback();
    }

    try{
      if(window.Salla && Salla.onReady){
        Salla.onReady(run);
      }
    }catch(error){}

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

  function queue(){
    if(S.queued) return;

    S.queued = true;

    requestAnimationFrame(function(){
      S.queued = false;
      refresh();
    });
  }

  function roots(){
    var list = [document];
    var seen = new Set([document]);

    document.querySelectorAll(
      [
        'aali-main-menu',
        'salla-custom-component',
        'salla-cart-summary',
        'salla-menu',
        'salla-contacts',
        'salla-social',
        'custom-salla-product-card'
      ].join(',')
    ).forEach(function(element){

      if(
        element.shadowRoot &&
        !seen.has(element.shadowRoot)
      ){
        seen.add(element.shadowRoot);
        list.push(element.shadowRoot);
      }

    });

    return list;
  }

  function deepAll(selector){
    var output = [];
    var seen = new Set();

    roots().forEach(function(root){

      try{
        root.querySelectorAll(selector)
          .forEach(function(element){

            if(!seen.has(element)){
              seen.add(element);
              output.push(element);
            }

          });
      }catch(error){}

    });

    return output;
  }

  function ids(){
    C.sections.forEach(function(item){

      var section = document.querySelector(item[0]);

      if(section){
        section.id = item[1];
        section.setAttribute(
          'data-mw-section',
          item[1]
        );
      }

    });
  }

  function headerH1(){
    var heading = document.querySelector(
      '.store-header h1.sr-only'
    );

    if(!heading) return;

    var span = document.createElement('span');

    span.className = heading.className;
    span.textContent = heading.textContent;

    heading.replaceWith(span);
  }

  function logoPair(
    container,
    primarySelector,
    fallbackSelector
  ){
    if(!container) return;

    var primary = container.querySelector(
      primarySelector
    );

    var fallback = container.querySelector(
      fallbackSelector
    );

    function show(active, inactive){
      if(!active) return;

      active.classList.add('mw-logo-active');
      active.classList.remove('mw-logo-inactive');

      if(inactive){
        inactive.classList.remove('mw-logo-active');
        inactive.classList.add('mw-logo-inactive');
      }
    }

    if(!primary){
      show(fallback, null);
      return;
    }

    if(primary.dataset.mwLogoBound !== '1'){

      primary.dataset.mwLogoBound = '1';

      primary.addEventListener(
        'load',
        function(){
          if(primary.naturalWidth){
            show(primary, fallback);
          }
        },
        { once: true }
      );

      primary.addEventListener(
        'error',
        function(){
          show(fallback, primary);
        },
        { once: true }
      );

    }

    if(primary.complete){

      if(primary.naturalWidth){
        show(primary, fallback);
      }else{
        show(fallback, primary);
      }

    }else{
      show(primary, fallback);
    }
  }

  function logos(){

    logoPair(
      document.querySelector('.store-header'),
      '.navbar-brand .dm-logo',
      '.navbar-brand .light-logo'
    );

    logoPair(
      document.querySelector('.store-footer'),
      '.footer_logo .dm-logo',
      '.footer_logo .light-logo'
    );

  }

  function login(){
    var header = document.querySelector(
      '.store-header'
    );

    if(!header) return;

    var primary = header.querySelector(
      '.header-signInBtn.hdi-btn-right'
    );

    header.querySelectorAll(
      '.header-signInBtn'
    ).forEach(function(button){

      var visible = (
        button === primary &&
        desktop()
      );

      if(visible){

        button.removeAttribute('aria-hidden');
        button.removeAttribute('tabindex');
        button.style.removeProperty('display');

      }else{

        button.setAttribute(
          'aria-hidden',
          'true'
        );

        button.setAttribute(
          'tabindex',
          '-1'
        );

        button.style.setProperty(
          'display',
          'none',
          'important'
        );

      }

    });
  }

  function useful(anchor){
    var label = text(
      anchor.textContent ||
      anchor.getAttribute('aria-label')
    );

    var href = anchor.getAttribute('href') || '';

    if(
      !label ||
      label.length > 42 ||
      emptyHref(href)
    ){
      return false;
    }

    if(
      /login|cart|search|mobile-menu|javascript:/i
        .test(href)
    ){
      return false;
    }

    return !(
      /تسجيل الدخول|السلة|بحث|فتح القائمة|واتساب/i
        .test(label)
    );
  }

  function nativeMenu(){
    var output = [];
    var seen = new Set();
    var sources = [];

    var menu = document.querySelector(
      'aali-main-menu'
    );

    if(menu){

      sources.push(menu);

      if(menu.shadowRoot){
        sources.push(menu.shadowRoot);
      }

    }

    var mobileMenu = document.querySelector(
      '#mobile-menu'
    );

    if(mobileMenu){
      sources.push(mobileMenu);
    }

    sources.forEach(function(root){

      try{

        root.querySelectorAll('a[href]')
          .forEach(function(anchor){

            if(!useful(anchor)) return;

            var label = text(
              anchor.textContent ||
              anchor.getAttribute('aria-label')
            );

            var href = anchor.getAttribute('href');
            var key = label + '|' + href;

            if(!seen.has(key)){

              seen.add(key);

              output.push([
                label,
                href
              ]);

            }

          });

      }catch(error){}

    });

    return output.slice(0, 10);
  }

  function nav(){
    var header = document.querySelector(
      '.store-header'
    );

    var main = header &&
      header.querySelector(
        '.main-nav-container'
      );

    if(!main) return;

    var navigation = document.getElementById(
      'mw-main-categories'
    );

    if(!navigation){

      navigation = document.createElement('nav');

      navigation.id = 'mw-main-categories';

      navigation.setAttribute(
        'aria-label',
        'التصنيفات والتنقل الرئيسي'
      );

      navigation.innerHTML =
        '<div class="mw-nav-scroll"></div>';

      main.insertAdjacentElement(
        'afterend',
        navigation
      );

    }

    var items = nativeMenu();

    if(items.length < 3){
      items = C.menu.slice();
    }

    items = items.map(function(item){

      var href = item[1];

      if(href.charAt(0) === '#'){
        href = sectionHref(href);
      }

      return [
        item[0],
        href
      ];

    });

    var signature = JSON.stringify(items);

    if(navigation.dataset.sig === signature){
      return;
    }

    navigation.dataset.sig = signature;

    var container = navigation.querySelector(
      '.mw-nav-scroll'
    );

    container.textContent = '';

    items.forEach(function(item){

      var link = document.createElement('a');

      link.className = 'mw-nav-link';
      link.href = item[1];
      link.textContent = item[0];

      if(item[1].indexOf('#mw-') > -1){

        link.dataset.mwSection =
          item[1].split('#')[1];

      }

      container.appendChild(link);

    });

    currentPage();
  }

  function currentPage(){
    var currentPath =
      location.pathname.replace(/\/$/, '') || '/';

    document.querySelectorAll(
      '#mw-main-categories .mw-nav-link'
    ).forEach(function(link){

      try{

        var url = new URL(
          link.href,
          location.origin
        );

        var path =
          url.pathname.replace(/\/$/, '') || '/';

        var active = (
          path === currentPath &&
          !url.hash
        );

        link.classList.toggle(
          'is-active',
          active
        );

        if(active){

          link.setAttribute(
            'aria-current',
            'page'
          );

        }else if(
          link.getAttribute('aria-current') ===
          'page'
        ){

          link.removeAttribute('aria-current');

        }

      }catch(error){}

    });
  }

  function links(){
    var whatsapp = wa();

    deepAll('a[href]').forEach(function(link){

      var href =
        link.getAttribute('href') || '';

      if(
        /wa\.me|api\.whatsapp\.com/i
          .test(href)
      ){

        if(
          /966500000000|XXXXXXXXX|000000000/i
            .test(href)
        ){
          link.href = whatsapp;
        }

        link.target = '_blank';
        link.rel = 'noopener noreferrer';

      }

    });

    deepAll('a,button').forEach(function(element){

      var label = text(element.textContent);

      var href = element.tagName === 'A'
        ? element.getAttribute('href')
        : '';

      if(!label) return;

      if(
        /استعرض الباقات|عرض جميع الباقات|اختر اشتراكك/
          .test(label) &&
        emptyHref(href)
      ){

        element.dataset.mwTarget =
          'mw-packages';

        if(element.tagName === 'A'){
          element.href =
            sectionHref('#mw-packages');
        }

      }

      if(
        /تواصل عبر واتساب|تواصل معنا/
          .test(label) &&
        (
          emptyHref(href) ||
          /966500000000/.test(href || '')
        )
      ){

        element.dataset.mwWhatsapp = '1';

        if(element.tagName === 'A'){

          element.href = whatsapp;
          element.target = '_blank';
          element.rel = 'noopener noreferrer';

        }

      }

    });
  }

  function offset(){
    var header = document.querySelector(
      '.store-header'
    );

    return header
      ? Math.ceil(
          header.getBoundingClientRect().height
        ) + 12
      : 12;
  }

  function scrollToId(id){
    var section = document.getElementById(id);

    if(!section) return;

    var top =
      section.getBoundingClientRect().top +
      scrollY -
      offset();

    scrollTo({
      top: Math.max(0, top),
      behavior: matchMedia(
        '(prefers-reduced-motion:reduce)'
      ).matches
        ? 'auto'
        : 'smooth'
    });

    if(history.replaceState){
      history.replaceState(
        null,
        '',
        '#' + id
      );
    }
  }

  function click(event){
    var target = event.target &&
      event.target.nodeType === 1
      ? event.target
      : event.target.parentElement;

    var clicked = target &&
      target.closest
      ? target.closest('a,button')
      : null;

    if(!clicked) return;

    if(
      clicked.dataset.mwWhatsapp === '1' &&
      clicked.tagName !== 'A'
    ){

      event.preventDefault();

      open(
        wa(),
        '_blank',
        'noopener,noreferrer'
      );

      return;
    }

    var id =
      clicked.dataset.mwTarget ||
      clicked.dataset.mwSection;

    if(
      !id &&
      clicked.matches(
        '#mw-main-categories a[href*="#mw-"]'
      )
    ){
      id = clicked.href.split('#')[1];
    }

    if(
      id &&
      home() &&
      document.getElementById(id)
    ){

      event.preventDefault();
      scrollToId(id);

    }
  }

  function bind(){
    roots().forEach(function(root){

      if(S.bound.has(root)) return;

      S.bound.add(root);

      root.addEventListener(
        'click',
        click
      );

    });
  }

  function observeSections(){
    if(
      !home() ||
      !('IntersectionObserver' in window)
    ){
      return;
    }

    if(S.observer){
      S.observer.disconnect();
    }

    var elements = C.sections
      .map(function(item){
        return document.getElementById(item[1]);
      })
      .filter(Boolean);

    if(!elements.length) return;

    S.observer = new IntersectionObserver(
      function(entries){

        var visible = entries
          .filter(function(entry){
            return entry.isIntersecting;
          })
          .sort(function(a, b){
            return (
              b.intersectionRatio -
              a.intersectionRatio
            );
          });

        if(!visible.length) return;

        var activeId =
          visible[0].target.id;

        document.querySelectorAll(
          '#mw-main-categories .mw-nav-link'
        ).forEach(function(link){

          var active =
            link.dataset.mwSection === activeId;

          link.classList.toggle(
            'is-active',
            active
          );

          if(active){

            link.setAttribute(
              'aria-current',
              'location'
            );

          }else if(
            link.getAttribute('aria-current') ===
            'location'
          ){

            link.removeAttribute(
              'aria-current'
            );

          }

        });

      },
      {
        rootMargin:
          '-28% 0px -58% 0px',

        threshold:
          [0.05, 0.2, 0.45]
      }
    );

    elements.forEach(function(element){
      S.observer.observe(element);
    });
  }

  function metrics(){
    var header = document.querySelector(
      '.store-header'
    );

    if(header){

      header.classList.toggle(
        'mw-is-scrolled',
        scrollY > 12
      );

      var height = Math.ceil(
        header.getBoundingClientRect().height
      );

      if(height > 0 && height < 220){

        document.documentElement
          .style.setProperty(
            '--mw-header-height',
            height + 'px'
          );

      }

    }

    var mobileNavigation =
      document.querySelector(
        '.mobile-nav-inner'
      );

    if(mobileNavigation){

      var navHeight = Math.ceil(
        mobileNavigation
          .getBoundingClientRect()
          .height
      );

      if(navHeight > 0 && navHeight < 140){

        document.documentElement
          .style.setProperty(
            '--mw-mobile-nav-height',
            navHeight + 'px'
          );

      }

    }
  }

  function refresh(){
    ids();
    headerH1();
    logos();
    login();
    nav();
    links();
    bind();
    observeSections();
    metrics();
  }

  function watch(){
    if(!('MutationObserver' in window)){
      return;
    }

    S.mutation = new MutationObserver(
      queue
    );

    S.mutation.observe(
      document.body,
      {
        childList: true,
        subtree: true
      }
    );

    setTimeout(function(){

      if(S.mutation){

        S.mutation.disconnect();
        S.mutation = null;

      }

    }, 7000);
  }

  function start(){
    if(S.started) return;

    S.started = true;

    refresh();
    watch();

    addEventListener(
      'scroll',
      metrics,
      { passive: true }
    );

    addEventListener(
      'resize',
      queue,
      { passive: true }
    );

    addEventListener(
      'orientationchange',
      queue,
      { passive: true }
    );

    addEventListener(
      'twilight::initiated',
      queue,
      { once: true }
    );

    [
      250,
      900,
      2200,
      4500
    ].forEach(function(time){

      setTimeout(
        queue,
        time
      );

    });

    if(
      document.fonts &&
      document.fonts.ready
    ){

      document.fonts.ready
        .then(queue)
        .catch(function(){});

    }
  }

  ready(start);

})();