const langSwItems = document.querySelectorAll('[data-langsw]');

[...langSwItems].forEach(el => {
    var path = window.location.pathname;
  	console.log(path);
  	if (path === '/en' || path === '/ar') {
    	path = path.replace('en', '');
    }
    path = path.replace('en/', '');
    path = "/" + el.dataset.langsw + "" + path;
    el.href = path;
})

if (!localStorage.gender) {
	localStorage.gender = 'male';
}

var acpaSwitch = document.querySelector('.acpa-switch');

const genderControl = (first = false) => {
  	
  
    var allAvatars = document.querySelectorAll('.user-avatar');
	if (localStorage.gender === 'female') {
        [...allAvatars].forEach(el => {
        	el.src = 'https://cdn.seoclever.com/assets/img/female.svg';
        });
      	if (acpaSwitch) {
        	acpaSwitch.classList.remove('gender-male');
	        acpaSwitch.classList.add('gender-female');
        }
	} else {
		[...allAvatars].forEach(el => {
        	el.src = 'https://cdn.seoclever.com/assets/img/male.svg';
        })
      	if (acpaSwitch) {
        	acpaSwitch.classList.remove('gender-female');
	        acpaSwitch.classList.add('gender-male');
        }
	}
}

if (acpaSwitch) {
  acpaSwitch.addEventListener('click', _ => {
      if (localStorage.gender === 'female') {
          localStorage.gender = 'male';
      } else {
          localStorage.gender = 'female'
      }
      genderControl();
  });
}
//start gender control
genderControl(true);

window.addEventListener('resize', () => {
  // Update the element's size
  let vh = window.innerHeight * 0.01;
  document.documentElement.style.setProperty('--vh', `${vh}px`);
});

/**

var oiItems = document.getElementsByClassName('order-item');

if (oiItems) {

    for (let i = 0; i < oiItems.length; i++) {
        const element = oiItems[i];
        let oiToggle = element.getElementsByClassName('oi-toggle')[0];
        let oiBottom = element.getElementsByClassName('oi-bottom')[0];

        oiToggle.addEventListener('click', () => {
            if (element.classList.contains('active')) {
                element.classList.remove('active');
            } else {
                element.classList.add('active');
            }
        });
    }

}
*/


var sChatBody = document.getElementsByClassName('schat-chat-body')[0];

if (sChatBody) {
    sChatBody.scrollTo(0, sChatBody.offsetHeight);
}

var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl)
});

var kndCheckbox = document.getElementsByClassName('knd-checkbox');

if (kndCheckbox) {
    
    for (let index = 0; index < kndCheckbox.length; index++) {
        const element = kndCheckbox[index];
        
        let btn = element.getElementsByTagName('button')[0];

        btn.addEventListener('click', _ => {
            element.getElementsByTagName('input')[0].click();
        });

    }

}

var homeHeader = document.getElementsByClassName('home-header');

const homeHeaderScroll = (pos) => {
    if (pos > 10) {
        homeHeader[0].classList.add('active');
    } else {
        homeHeader[0].classList.remove('active');
    }
}

if (homeHeader[0]) {
    var wpos = window.scrollY;
    homeHeaderScroll(wpos);

    document.addEventListener('scroll', _ => {
        wpos = window.scrollY;
        homeHeaderScroll(wpos);
    });

}

var homeMenu = document.getElementsByClassName('home-menu');

if (homeMenu[0]) {
    homeMenu = homeMenu[0];
    var menuMobile = document.getElementsByClassName('menu-formobile')[0];
    menuMobile.querySelector('.mm-content').innerHTML = homeMenu.innerHTML;
}


var appBody = document.getElementsByClassName('app-body');
var hmm = false;

const homeMenuToggle = () => {
    if (hmm) {
        document.querySelector('.app-body').classList.remove('menu-active');
        setTimeout(() => {
            hmm = false;
        }, 10);
    } else {
        document.querySelector('.app-body').classList.add('menu-active');
        setTimeout(() => {
            hmm = true;
        }, 10);
    }
}

if ( appBody[0] ) {
    appBody = appBody[0];

    appBody.addEventListener('click', e => {
        if (hmm) {
            homeMenuToggle();
        }
    });

    appBody.addEventListener('scroll', _ => {
        wpos = appBody.scrollTop;
        homeHeaderScroll(wpos);
    });
} else {
    appBody = false;
}

var dMenu = document.querySelector('.d-menu');

const dMenuToggle = () => {

    dMenu.classList.toggle('active');

}

var mainFixed = document.getElementById('mainFixed');

const getUrlParameter2 = (sParam) => {
    var hash = window.location.hash;
    if ('#'+sParam === hash) {
        return sParam;
    } else {
        return false;
    }
}


if (mainFixed) {
    if (getUrlParameter2('tickets')) {
        mainFixed.classList.add('active');
    } else {
        mainFixed.classList.remove('active');
    }

    window.onhashchange = () => {
        if (getUrlParameter2('tickets')) {
            mainFixed.classList.add('active');
        } else {
            mainFixed.classList.remove('active');
        }
    }
}



const mainFixedToggle = () => {

    mainFixed.classList.toggle('active');
}

const copyToClipboard = str => {
  const el = document.createElement('textarea');
  el.value = str;
  el.setAttribute('readonly', '');
  el.style.position = 'absolute';
  el.style.left = '-9999px';
  document.body.appendChild(el);
  el.select();
  document.execCommand('copy');
  document.body.removeChild(el);
  makeToast('تم النسخ')
};

var toastTime;

function makeToast(text = null, timeOut=4000) {
  $('.toast-text').html(text)
  $('.bs-toast').fadeIn(300);

  toastTime = setTimeout(() => {
    $('.bs-toast').fadeOut(300);
  }, timeOut);
}

function removeToast() {
  $('.bs-toast').fadeOut(300);
  clearTimeout(toastTime);
}

wow = new WOW({
  boxClass: 'wow',
  animateClass: 'animated',
  offset: 0,
  mobile: true,
  live: true
 })
 wow.init();


$(document).ready(function() {
    $("#serv-inp").on("keyup", function() {
        var value = $(this).val().toLowerCase();
        $(".service-item").filter(function() {
            $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
        });
    });
});

$(document).ready(function(){
  $("#filterInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $(".smmspot-updates-item").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
});

function change_mode() {

		var app = document.getElementsByTagName("BODY")[0];

		if (localStorage.lightMode == "dark") {
			localStorage.lightMode = "light";
			app.setAttribute("class", "light");
		} else {
			localStorage.lightMode = "dark";
			app.setAttribute("class", "dark");
		}
		console.log("lightMode = " + localStorage.lightMode);
}



$("#orderform-service").change(function () {
    service_id = $(this).val();
    $("#s_id").text(service_id);

    description = window.modules.siteOrder.services[service_id].description
    $("#s_desc").html(description);

    name = window.modules.siteOrder.services[service_id].name
    $("#s_name").html(name);
  
    console.log($("#s_time").text());
    service_time_text = window.modules.siteOrder.services[service_id].average_time
    $("#s_time").text(service_time_text);
    $('#s_time').val($('#s_time').text());

})