var wandaslier = false,hometabindex = false,checkrecaptcha = false;
const Wanda = {
	init: function(){
		const that = this;
		that.header();
		that.scrollcallback();
		that.smartsearch();
		if($(window).width() <= 991){that.menumobile();}else{that.quickview();
		that.modalcontact();
		that.modalcontact()};
	},
	quickview: () => {
		$("body").on("click",".product-block .btn_quickview",function(){
			let url_qv = $(this).data('url')+'?view=quickview-nochoose', data_result = $("#pro-qv-wanda");
			getdatasite(url_qv,data_result);
			data_result.modal({
				fadeDuration: 300
			});
		})
		$("body").on('click','#add-to-cart-qv',function(){
			var id = $(this).parents('#add-item-form-qv').find('#product-select-qv').val(),quantity = $(this).parents('#add-item-form-qv').find('#quantity').val();
			Wanda.addtocartmodal(id,quantity);
		})
	},
	plusQuantity: () => {
		if ( jQuery('input[name="quantity"]').val() != undefined ) {
			var currentVal = parseInt(jQuery('input[name="quantity"]').val());
			if (!isNaN(currentVal)) {
				jQuery('input[name="quantity"]').val(currentVal + 1);
			} else {
				jQuery('input[name="quantity"]').val(1);
			}
		}
	},
	minusQuantity: () => {
		if ( jQuery('input[name="quantity"]').val() != undefined ) {
			var currentVal = parseInt(jQuery('input[name="quantity"]').val());
			if (!isNaN(currentVal) && currentVal > 1) {
				jQuery('input[name="quantity"]').val(currentVal - 1);
			}
		}
	},
	header: () =>{
		$("body").on('click','.btn-support',function(){
			$(this).prev().toggleClass('active');
		})
		$(document).on('click','.modal-backdrop.in.search-tog',function(event){
			$('.list-inline-item').removeClass('show-search');
			$(this).removeClass('in search-tog')
		});
		$(".js-search-desktop").click(function(e){
			e.preventDefault();
			$(this).parent().toggleClass('show-search');
			$(".modal-backdrop").toggleClass('in search-tog');
		})
		var heighthead = $("#site-header-center").offset().top;
		$(window).scroll(function(){
			if($(this).scrollTop() >= heighthead){
				$('body').addClass('scroll-fixed');
			}else{
				$('body').removeClass('scroll-fixed');
			}
		})
		$("body").on("click",".js-call-minicart",function(e){
			e.preventDefault();
			$.when(Wanda.cartmini()).done(() =>{
				$("#cart-mini-wanda").modal({
					fadeDuration: 300
				});
			});
		})
		$("body").on("click",".back-to-top",() =>{$('html, body').animate({scrollTop: 0}, 500);})
	},
	sliderwanda: () =>{
		let whatautoblog = $("#owl-blog-wanda .artile-item").length,whatautocol = $("#owl-collection .artile-item").length;
		//$("#owl-banner").length>0&&$(window).width()<767&&$("#owl-banner").addClass('owl-carousel owl-theme').owlCarousel({items:1,mouseDrag: true,nav:!1,dots:!0,autoplay:!0,autoplayTimeout:4e3,loop:!0,navText:[navLeftText,navRightText]});
		$("#owl-collection").owlCarousel({items:5,mouseDrag: true,nav:!0,dots:!1,responsive:{0:{items:2,margin:10},768:{items:3,margin:15},992:{items:4,margin:15},1200:{items:5,margin:15}},slideSpeed:800,autoplay:!1,loop:whatautocol > 5 ? !0 : !1,navText:[navLeftText,navRightText]});
		$(window).width()<767&&$("#owl-collection-tab").owlCarousel({items:2,mouseDrag: true,nav:!0,dots:!1,responsive:{0:{items:2,margin:10},768:{items:3,margin:15},992:{items:4,margin:15},1200:{items:5,margin:15}},slideSpeed:800,autoplay:!1,loop:!0,navText:[navLeftText,navRightText]});
		$("#owl-blog-wanda").owlCarousel({items:5,mouseDrag: true,nav:!0,dots:!1,margin:15,responsive:{0:{items:2,margin:10},768:{items:3},992:{items:4},1200:{items:4}},slideSpeed:800,autoplay:!1,loop: whatautoblog > 4 ? !0 : !1,navText:[navLeftText,navRightText]});
    $(".js-slider").owlCarousel({ items: 6, mouseDrag: true, nav: !0, dots: !1, margin: 0, responsive: { 0: { items: 2, margin: 0 }, 768: { items: 2 }, 992: { items: 6 }, 1200: { items: 6 } }, slideSpeed: 800, autoplay: !1, loop: false, navText: [navLeftText, navRightText] });

  },
	scrollcallback: () =>{
		$(window).scroll(function(){
			var scrolltop = $(this).scrollTop();
			if(wandaslier == false && scrolltop > 0 && template == 'index'){
				Wanda.sliderwanda();
				wandaslier = true;
			}
			if(hometabindex == false && scrolltop > 0 && template == 'index'){
				Wanda.hometabajax();hometabindex = true;
			}
			Wanda.scrolltop(scrolltop);
			Wanda.recaptcha(scrolltop);
		})
	},
	addtocartmodal: (id,quantity,url) =>{
		var params = {
			type: 'POST',
			url: '/cart/add.js',
			async: true,
			data: 'quantity=' + quantity + '&id=' + id,
			dataType: 'json',
			success: Wanda.successadtocart,
			error: function(XMLHttpRequest, textStatus) {
				Wanda.errormodal('Sản phẩm bạn vừa mua đã vượt quá tồn kho');
			}
		};
		jQuery.ajax(params);
	},
	addtocartcheckout: (id,quantity,url) =>{
		var params = {
			type: 'POST',
			url: '/cart/add.js',
			async: true,
			data: 'quantity=' + quantity + '&id=' + id,
			dataType: 'json',
			success: function (cart){
				window.location.href = url;
			},
			error: function(XMLHttpRequest, textStatus) {
				Wanda.errormodal('Sản phẩm bạn vừa mua đã vượt quá tồn kho');
			}
		};
		jQuery.ajax(params);
	},
	successadtocart: (jqXHR, textStatus, errorThrown) =>{
		$.ajax({
			type: 'GET',
			url: '/cart.js',
			async: false,
			cache: false,
			dataType: 'json',
			success: function (cart){
				$(".js-number-cart").html(cart.item_count)
			}
		});
		$("#pro-qv-wanda .close-modal").trigger('click');
		var modaltemplate = `<div class="media-left"><span class="quantity">${jqXHR['quantity']}</span><div class="thumb-cart"><img width="70px" src="${Haravan.resizeImage(jqXHR['image'], 'small')}" alt="${jqXHR['title']}"></div></div>
<div class="media-body"><div class="product-title">${jqXHR['title']}</div><div class="product-new-price"><span>${Haravan.formatMoney(jqXHR['price'],formatMoney)}</span></div></div>`;
		$("#success-cart-wanda .media-success").html(modaltemplate);
		$("#success-cart-wanda").modal({
			fadeDuration: 200
		});
		setTimeout(() =>{
			$("#success-cart-wanda .close-modal").trigger('click');
		},2000)
	},
	menumobile: () =>{
		getdatasite("/?view=menu-mobile",$("#menu-mobile .mb-menu"));
		$(document).on('click','.menu-active #site-overlay,#wanda-close-handle',function(event){
			$("#wandave-theme").removeClass('menu-active')
		});
		$("body").on("click",".btn-menu-mb",function(){
			$("body").toggleClass('menu-active');
		})
		$('body').on('click','.cl-open',function(event){
			$(this).next().slideToggle('fast')
			$(this).toggleClass('minus-menu');
		});
	},
	cartmini: () =>{
		$.ajax({
			url: '/cart?view=mini',
			type: 'GET',
			dataType: 'json',
			async: true,
			success: function(data){
				var item = '',index = 0;
				console.log(data.length)
				if(data.length > 2){
					$.each(data, function(i, v){
						if(i < data.length - 2){
							item += `<tr class="list-item" data-line="${v.line}"><td class="img"><a href="${v.url}" title="${v.title}"><img src="${v.image}" alt="${v.title}"></a></td><td class="item"> <a class="pro-title-view" href="${v.url}" title="${v.title}">${v.title}</a> <span class="variant">${v.variant_title}</span><div class="quantity-area-cartmini"> <input type="button" value="–" onclick="Wanda.minusqt_minicart($(this))" class="qty-btn btn-left-quantity"><input type="text" id="quantity_minicart" name="quantity_minicart" value="${v.quantity}" min="1" class="quantity-mini"><input type="button" value="+" onclick="Wanda.plusqt_minicart($(this))" class="qty-btn btn-right-quantity"></div> <span class="pro-price-view">${v.price}</span> <span class="remove_link remove-cart"><a href="javascript:void(0);" onclick="Wanda.deletecart(${v.line})"><i class="fa fa-times"></i></a></span></td></tr>`;
						}
						index = i;
					});
					$("#cart-mini-wanda #cart-view tbody").html(item);
					$("#cart-mini-wanda .table-total #total-view-cart").html(data[index -1].total_price);
					$(".js-number-cart").html(data[index].total_size);
				}
				else{
					$("#cart-mini-wanda #cart-view tbody").html(`<tr><td class="mini_cart_header text-center"><svg width="60" height="60" viewBox="0 0 81 70"><g transform="translate(0 2)" stroke-width="4" stroke="#2A7D2E" fill="none" fill-rule="evenodd"><circle stroke-linecap="square" cx="34" cy="60" r="6"></circle><circle stroke-linecap="square" cx="67" cy="60" r="6"></circle><path d="M22.9360352 15h54.8070373l-4.3391876 30H30.3387146L19.6676025 0H.99560547"></path></g></svg><p>Hiện chưa có sản phẩm</p></td></tr>`);
					$("#cart-mini-wanda .table-total #total-view-cart").html('0₫');
					$(".js-number-cart").html('0');
				}

			}
		})
	},
	deletecart: (line) =>{
		var params = {
			type: 'POST',
			url: '/cart/change.js',
			data: 'quantity=0&line=' + line,
			dataType: 'json',
			success: function(cart) {
				Wanda.cartmini();
			},
			error: (XMLHttpRequest, textStatus) => {
				Wanda.errormodal(textStatus);
			}
		};
		jQuery.ajax(params);
	},
	plusqt_minicart: ($this) => {
		if ( $this.siblings('input[name="quantity_minicart"]').val() != undefined ) {
			var currentVal = parseInt($this.siblings('input[name="quantity_minicart"]').val());
			if (!isNaN(currentVal)) {$this.siblings('input[name="quantity_minicart"]').val(currentVal + 1);} else {$this.siblings('input[name="quantity_minicart"]').val(1);}}
		let line_plus = $this.parents('.list-item').attr('data-line'), qty_plus = parseInt($this.siblings('input[name="quantity_minicart"]').val());
		Wanda.update_cart_mini(line_plus,qty_plus)
	},
	minusqt_minicart: ($this) => {
		if ($this.siblings('input[name="quantity_minicart"]').val() != undefined ) {
			var currentVal = parseInt($this.siblings('input[name="quantity_minicart"]').val());if (!isNaN(currentVal) && currentVal > 1) {	$this.siblings('input[name="quantity_minicart"]').val(currentVal - 1);}
			let line_mn = $this.parents('.list-item').attr('data-line'),qty_mn = parseInt($this.siblings('input[name="quantity_minicart"]').val());
			Wanda.update_cart_mini(line_mn,qty_mn);
		}
	},
	update_cart_mini: (line,qty) =>{
		var params = {
			type: 'POST',
			url: '/cart/change.js',
			data: 'quantity='+qty+'&line=' + line,
			dataType: 'json',
			success: function(cart) {
				Wanda.cartmini();
			},
			error: (XMLHttpRequest, textStatus) =>{
				Haravan.onError(XMLHttpRequest, textStatus);
			}
		};
		jQuery.ajax(params);
	},
	smartsearch: () =>{
		var $input = $('.wanda-mxm-search .search-input');
		$input.bind('keyup change paste propertychange', function() {
			var key = $(this).val(),$results = $(this).parents('.site_search').find('#wanda-smart-search .results-seach');
			if(key.indexOf('script') > -1 || key.indexOf('>') > -1){
				alert('Từ khóa của bạn có chứa mã độc hại ! Vui lòng nhập lại key word khác');
				$(this).val('');
				$input.val('');
			}
			else{
				if(key.length > 0 ){
					$input.val(key);
					$(this).attr('data-history', key);
					var str = '';
					setTimeout(() =>{
					str = '/search?q=filter='+encodeURIComponent('((title:product ** ' + key + ') || (product_type:product ** ' + key + '))&&(available:product=true)')+'&view=smart-json';
					var locationhref = '/search?q=filter='+encodeURIComponent('((title:product ** ' + key + ') || (product_type:product ** ' + key + '))&&(available:product=true)');
						$.ajax({
							url: str,
							type: 'GET',
							dataType: "json",
							async: true,
							success: function(data){
								var item = '',index = 0;
								if(data.length > 2){
									$.each(data, function(i, v){
										if(i < data.length - 2){
											item += `<div class="item-ult"><div class="thumbs"><a href="${v.url}"><img alt="${v.title}" src="${v.thumbnail}" /></a></div><div class="title"><a href="${v.url}" class="title-pro" title="${v.title}">${v.title}</a><p class="f-initial">${v.price}<del data-price="${v.compare_at_price}">${v.compare_at_price}</del></p></div></div>`;}
										index = i;
									});
									$results.html(item);
									if(parseInt(data[index -1].viewmore) > 0){
										$results.append('<a class="view-more-search" href="'+locationhref+'">Xem thêm ' + data[index-1].viewmore + ' kết quả tìm kiếm</a>')
									}else{
										$results.append('<a class="view-more-search" href="'+locationhref+'">Có <span>' +data[index].total_search+ '</span> kết quả tìm kiếm</a>')
									}
								}else{
									$results.html('Không có sản phẩm phù hợp!');
								}
							}
						});
					},300)								 
					setTimeout(() =>{$results.fadeIn();},450)
				}
				else{
					$input.val(key);
					$results.fadeOut();
				}
			}
		});
		$("form[action='/search']").submit(function(e){
			e.preventDefault();
			let key = $(this).find('input[name="q"]').val(),locationhref = '/search?q=filter='+encodeURIComponent('((title:product ** ' + key + ') || (product_type:product ** ' + key + '))&&(available:product=true)');
			window.location.href = locationhref;
		})
	},
	hometabajax: () =>{
		function ajaxhome(url,selector){
			jQuery.ajax({
				url: url,
				success:function(data){				
					selector.html(data);
					if($(window).width() < 767){
						setTimeout(() =>{
							selector.find(".owl-carousel").owlCarousel({items:2,margin: 10,nav:!0,dots:!1,touchDrag: true,slideSpeed:800,autoplay:!1,loop:!0,navText:[navLeftText,navRightText]});
						},200)
					}
				}
			})
		}
		$("#home-tab-col li a").click(function(e){
			e.preventDefault();
			var $this = $(this),dataid = $this.attr('href'),url= $this.attr('data-url'),selector_tab = $(dataid);
			$(".tab-result .tab-pane").hide();
			$("#home-tab-col li a").removeClass('active');
			$(dataid).show();
			$this.addClass('active');
			if(!$this.hasClass('success-ajax')){
				ajaxhome(url,selector_tab);
				$this.addClass('success-ajax');
			}
		})
	},
	scrolltop: (scrolltop) =>{
		if(scrolltop > 300){$(".back-to-top").addClass('show')}else{$(".back-to-top").removeClass('show')};
	},
	recaptcha: (scrolltop) =>{
		if(checkrecaptcha == false && scrolltop > 300){
			setTimeout(() =>{
				grecaptcha.ready(function() {grecaptcha.execute('6LdD18MUAAAAAHqKl3Avv8W-tREL6LangePxQLM-', {action: 'submit'}).then(function(token) {$('.form-ft-wanda input[name="g-recaptcha-response"]').val(token);});});
			},500);
			checkrecaptcha = true;
		}
	},
	errormodal: (data) =>{
		$("#modal-error p").html(data);
		$("#modal-error").modal({
			fadeDuration: 200
		});
	},
	modalcontact: () =>{
		if(sessionStorage.modal_sub == null ){
			sessionStorage.modal_sub = 'show' ;			
			setTimeout(() =>{
				$("#modal-subscribe").modal({
					fadeDuration: 200
				});
			},3000);
		}
		var checkrecappopup = false;
		if(checkrecappopup == false){
			setTimeout(() =>{
				grecaptcha.ready(function() {grecaptcha.execute('6LdD18MUAAAAAHqKl3Avv8W-tREL6LangePxQLM-', {action: 'submit'}).then(function(token) {$('#modal-subscribe form input[name="g-recaptcha-response"]').val(token);});});
			},500);
			checkrecappopup = true;
		}
		$('#modal-subscribe form,.form-ft-wanda form').submit(function(e){
			e.preventDefault();
			var self = $(this);
			let emaill = self.find('input[name="contact[email]"]').val(),tag = self.find('input[name="contact[tags]"]').val(),recapcha = self.find('input[name="g-recaptcha-response"]').val();
			$.ajax({
				type: 'POST',
				url:'/account/contact',
				dataType:'json',
				data: "form_type=customer&utf8=✓&contact[email]="+emaill+"&contact[tags]="+tag+"&g-recaptcha-response="+recapcha,
				complete: function(responseText){
					Wanda.modalsubsucess();
					self.trigger('reset');
				}
			})
		});
	},
	modalsubsucess: () =>{
		$("#success-subcribe-wanda").modal({
			fadeDuration: 200
		});
		setTimeout(() =>{
			$("#success-subcribe-wanda .close-modal").trigger('click');
		},3000)
	}
}
$(window).load(() =>{
	if(navigator[_0x2c0xa[2]][_0x2c0xa[1]](_0x2c0xa[0])==  -1){Wanda.init();}
})
$(function(){
	var heighthead = $("#header").innerHeight();
	$("#header").attr('style','--height-head:'+heighthead+'px')
})