(function ($) {
	"use strict";

	/*----------------------------
	 jQuery MeanMenu
	------------------------------ */
	$('nav#dropdown').meanmenu({
		meanScreenWidth: "991",
		meanMenuContainer: ".mobile-menu-area .container",
	});

	// mainSlider
	function mainSlider() {
		var BasicSlider = $('.slider-active');
		BasicSlider.on('init', function (e, slick) {
			var $firstAnimatingElements = $('.single-slider:first-child').find('[data-animation]');
			doAnimations($firstAnimatingElements);
		});
		BasicSlider.on('beforeChange', function (e, slick, currentSlide, nextSlide) {
			var $animatingElements = $('.single-slider[data-slick-index="' + nextSlide + '"]').find('[data-animation]');
			doAnimations($animatingElements);
		});
		BasicSlider.slick({
			autoplay: false,
			autoplaySpeed: 10000,
			dots: true,
			fade: true,
			prevArrow: '<button type="button" class="slick-prev"><i class="icofont icofont-long-arrow-left"></i></button>',
			nextArrow: '<button type="button" class="slick-next"><i class="icofont icofont-long-arrow-right"></i></button>',
			arrows: true,
			responsive: [
				{ breakpoint: 767, settings: { dots: false, arrows: false } }
			]
		});

		function doAnimations(elements) {
			var animationEndEvents = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
			elements.each(function () {
				var $this = $(this);
				var $animationType = 'animated ' + $this.data('animation');
				$this.addClass($animationType).one(animationEndEvents, function () {
					$this.removeClass($animationType);
				});
			});
		}
	}
	mainSlider();


	/*----------------------------
	 wow js active
	------------------------------ */
	new WOW().init();


	/*----------------------------
	 price-slider active
	------------------------------ */
	$("#slider-range").slider({
		range: true,
		min: 40,
		max: 600,
		values: [60, 570],
		slide: function (event, ui) {
			$("#amount").val("$" + ui.values[0] + " - $" + ui.values[1]);
		}
	});
	$("#amount").val("$" + $("#slider-range").slider("values", 0) +
		" - $" + $("#slider-range").slider("values", 1));

	/*--------------------------
	 scrollUp
	---------------------------- */
	$.scrollUp({
		scrollText: '<i class="iconfont icon-a-ic_upArrow"></i>',
		easingType: 'linear',
		scrollSpeed: 900,
		animation: 'fade'
	});

	/*---------------------
	 countdown
	--------------------- */
	$('[data-countdown]').each(function () {
		var $this = $(this), finalDate = $(this).data('countdown');
		$this.countdown(finalDate, function (event) {
			$this.html(event.strftime('<span class="cdown days"><span class="time-count">%-D</span> <p>Days</p></span> <span class="cdown hour"><span class="time-count">%-H</span> <p>Hour</p></span> <span class="cdown minutes"><span class="time-count">%M</span> <p>Min</p></span> <span class="cdown second"> <span><span class="time-count">%S</span> <p>Sec</p></span>'));
		});
	});


	/*----- cart-plus-minus-button -----*/
	$(".cart-plus-minus").append('<div class="dec qtybutton">-</div><div class="inc qtybutton">+</div>');
	$(".qtybutton").on("click", function () {
		var $button = $(this);
		var oldValue = $button.parent().find("input").val();
		if ($button.text() == "+") {
			var newVal = parseFloat(oldValue) + 1;
		} else {
			// Don't allow decrementing below zero
			if (oldValue > 0) {
				var newVal = parseFloat(oldValue) - 1;
			} else {
				newVal = 0;
			}
		}
		$button.parent().find("input").val(newVal);
	});


	/*-------------------------
		showlogin toggle function
	--------------------------*/
	$('#showlogin').on('click', function () {
		$('#checkout-login').slideToggle(900);
	});

	/*-------------------------
		showcoupon toggle function
	--------------------------*/
	$('#showcoupon').on('click', function () {
		$('#checkout_coupon').slideToggle(900);
	});

	/*-------------------------
		Create an account toggle function
	--------------------------*/
	$('#cbox').on('click', function () {
		$('#cbox_info').slideToggle(900);
	});

	/*-------------------------
		Create an account toggle function
	--------------------------*/
	$('#ship-box').on('click', function () {
		$('#ship-box-info').slideToggle(1000);
	});

	$(window).scroll(function () {
		if ($(document).scrollTop() >= $('.header-pos').height()) {
			$('.header-bottom-area').addClass('head_fix');
		} else {
			$('.header-bottom-area').removeClass('head_fix');
		}
	});

	// about 视频播放弹窗 出现
	$('#overplay').on('click', function () {
		$("#video_page").css('display', 'flex');
		$(".header-pos").css('display', 'none');
		var video = document.getElementById("video11");
		video.play();
		document.body.style.overflow = 'hidden';
	});

	// about 视频播放弹窗 关闭
	$('#videoClose').on('click', function () {
		$("#video_page").css('display', 'none');
		$(".header-pos").css('display', 'block');
		var video = document.getElementById("video11");
		video.pause();
		video.currentTime = 0;
		document.body.style.overflow = 'visible';
	});

	// 证书 弹窗 开启
	$('.aboutTrademarkItemImg').on('click', function (e) {
		console.log(e.target.dataset.imgsrc, 'eee');
		$(".trademarkShadow").css('display', 'flex');
		document.getElementById("trademarkBoxImg").src = e.target.dataset.imgsrc;
	});
	// 证书 弹窗 关闭
	$('#trademarkBoxClose').on('click', function () {
		$(".trademarkShadow").css('display', 'none');
	});

	// mounted ()
	$(function () {
		$(".productContactFile2").remove();
	})

	// 谷歌GA
	function gaAction({ category = '', label = '', action = 'click', dataS = {} }) {
		if (typeof gtag == 'function') {
			console.log('gtag~~~');

			gtag('event', category, dataS);
		}
	}

	// fb像素
	function fbqAction(category = '', data = {}, option = { isCustom: false }) {
		if (typeof fbq == 'function') {
			console.log(category, 'fbqAction')
			let eventType = option.isCustom ? 'trackCustom' : 'track'
			window.fbq(eventType, category, data)
		}
	}

	let isLoading = true;
	$('#contactUsSubmitBtn2').on('click', function () {
		if (!isLoading) {
			return
		}
		var emailInput = document.getElementById("enquiry_email2");
		if (!emailInput.value) {
			$('#mailEmpty').addClass('messShow3s');
			window.setTimeout(removeMessageError, 3000);
			return
		} else {
			// 输入了邮箱 验证邮箱格式
			var mailCheck = new RegExp("^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,8}$");
			if (!mailCheck.test(emailInput.value)) {
				$('#mailError').addClass('messShow3s');
				window.setTimeout(removeMessageError, 3000);
				return
			}
		}
		gaAction({
			action: 'click',
			label: 'Contact Us',
			category: 'contact_us',
			dataS: {
				"shopId": $('#enquiry_shopId2').val(),
				"cid": $('#enquiry_cid2').val(),
				"rt": $('#enquiry_rt2').val(),
				"name": $('#enquiry_name2').val(),
				"email": $('#enquiry_email2').val(),
				"phone": $('#enquiry_phone2').val(),
				"company": $('#enquiry_company2').val(),
				"message": $('#enquiry_message2').val()
			}
		})
		fbqAction('Contact')
		isLoading = false;

		$.ajax({
			type: "POST",
			url: '/inquiry?shop_id=' + $('#enquiry_shopId2').val(),
			data: {
				"shopId": $('#enquiry_shopId2').val(),
				"cid": $('#enquiry_cid2').val(),
				"rt": $('#enquiry_rt2').val(),
				"name": $('#enquiry_name2').val(),
				"email": $('#enquiry_email2').val(),
				"phone": $('#enquiry_phone2').val(),
				"company": $('#enquiry_company2').val(),
				"message": $('#enquiry_message2').val()
			},
			async: false,
			error: function (request) {
				isLoading = true;
				console.log("Connection error");
			},
			success: function (data) {
				//接收后台返回的结果
				console.log('成功');
				$('#contactSendSuccess').addClass('messShow3s');
				window.setTimeout(removeMessageError, 3000);
				$("#productModal").modal("hide");
				isLoading = true;
				document.getElementById("enquiry_name2").value = ''
				document.getElementById("enquiry_email2").value = ''
				document.getElementById("enquiry_phone2").value = ''
				document.getElementById("enquiry_company2").value = ''
				document.getElementById("enquiry_message2").value = ''
			}
		});
	})
	$('#contactUsSubmitBtn1').on('click', function () {
		if (!isLoading) {
			return
		}
		var emailInput = document.getElementById("enquiry_email1");
		if (!emailInput.value) {
			$('#mailEmpty').addClass('messShow3s');
			window.setTimeout(removeMessageError, 3000);
			return
		} else {
			// 输入了邮箱 验证邮箱格式
			var mailCheck = new RegExp("^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,8}$");
			if (!mailCheck.test(emailInput.value)) {
				$('#mailError').addClass('messShow3s');
				window.setTimeout(removeMessageError, 3000);
				return
			}
		}
		gaAction({
			action: 'click',
			label: 'Contact Us',
			category: 'contact_us',
			dataS: {
				"shopId": $('#enquiry_shopId1').val(),
				"cid": $('#enquiry_cid1').val(),
				"rt": $('#enquiry_rt1').val(),
				"name": $('#enquiry_name1').val(),
				"email": $('#enquiry_email1').val(),
				"phone": $('#enquiry_phone1').val(),
				"company": $('#enquiry_company1').val(),
				"message": $('#enquiry_message1').val()
			}
		})
		fbqAction('Contact')
		isLoading = false;

		var file = [];
		var link = [];
		var fileArray = {};
		if (document.getElementById("enquiry_file1").value) {
			file.push(document.getElementById("enquiry_file1").value);
			fileArray['file'] = file;
		}
		if (document.getElementById("enquiry_link1").value) {
			link.push(document.getElementById("enquiry_link1").value);
			fileArray['link'] = link;
		}
		var files = JSON.stringify(fileArray);
		$.ajax({
			type: "POST",
			url: '/inquiry?shop_id=' + $('#enquiry_shopId1').val(),
			data: {
				"files": files,
				"shopId": $('#enquiry_shopId1').val(),
				"cid": $('#enquiry_cid1').val(),
				"rt": $('#enquiry_rt1').val(),
				"name": $('#enquiry_name1').val(),
				"email": $('#enquiry_email1').val(),
				"phone": $('#enquiry_phone1').val(),
				"company": $('#enquiry_company1').val(),
				"message": $('#enquiry_message1').val()
			},
			async: false,
			error: function (request) {
				isLoading = true;
			},
			success: function (data) {
				//接收后台返回的结果
				console.log('成功');
				$('#contactSendSuccess').addClass('messShow3s');
				window.setTimeout(removeMessageError, 3000);
				$("#productModal").modal("hide");
				isLoading = true;
				document.getElementById("enquiry_name1").value = ''
				document.getElementById("enquiry_email1").value = ''
				document.getElementById("enquiry_phone1").value = ''
				document.getElementById("enquiry_company1").value = ''
				document.getElementById("enquiry_message1").value = ''
			}
		});
	})

	$('#subscribe_btn').on('click', function () {
		var subscribeEmail = document.getElementById("subscribe_email");
		if (!subscribeEmail.value) {
			$('#mailEmpty').addClass('messShow3s');
			window.setTimeout(removeMessageError, 3000);
			return
		} else {
			// 输入了邮箱 验证邮箱格式
			var mailCheck = new RegExp("^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,8}$");
			if (!mailCheck.test(subscribeEmail.value)) {
				$('#mailError').addClass('messShow3s');
				window.setTimeout(removeMessageError, 3000);
				return
			}
		}
		$.ajax({
			type: "POST",
			url: '/subscribe?shop_id=' + $('#subscribe_shopId').val(),
			data: { "shopId": $('#subscribe_shopId').val(), "email": $('#subscribe_email').val() },
			async: false,
			error: function (request) {
			},
			success: function (data) {
				var dataJson = JSON.parse(data);
				//接收后台返回的结果
				if (dataJson.code === 0) {
					$('#subscribeSuccess').addClass('messShow3s');
					window.setTimeout(removeMessageError, 3000);
					subscribeEmail.value = ''
				} else {
					document.getElementById("returnError").innerHTML = '<i class="iconfont icon-closed_circle"></i><span>' + dataJson.message + '</span>'
					$('#returnError').addClass('messShow3s');
					window.setTimeout(removeMessageError, 3000);
				}
			}
		});
	})

	$('#searchBtn').on('click', function () {
		$('#searchForm').submit();
	})
	$('#searchBtn2').on('click', function () {
		$('#searchForm2').submit();
	})

	$('.inquiry').on('click', function () {
		document.getElementById("enquiry_rt1").value = ''
		document.getElementById("productContactDetail").style.display = 'none';
		document.getElementById("productContactImg").src = ''
		document.getElementById("productContactName").innerHTML = ''
		document.getElementById("productContactPrice").innerHTML = ''
		$(".productContactFile1").hide();
	})

	$('.productContact').on('click', function (e) {
		console.log(e.target.dataset, 'eee');
		if (e.target.dataset.pid) {
			document.getElementById("enquiry_rt1").value = 'Product_details'
			document.getElementById("enquiry_cid1").value = e.target.dataset.pid
		} else {
			document.getElementById("enquiry_rt1").value = ''
		}
		if (e.target.dataset.picimg && e.target.dataset.picname) {
			document.getElementById("productContactDetail").style.display = 'flex';
			document.getElementById("productContactImg").src = e.target.dataset.picimg
			document.getElementById("productContactName").innerHTML = e.target.dataset.picname
			document.getElementById("productContactPrice").innerHTML = e.target.dataset.picprice || ''
			$(".productContactFile1").show();
		} else {
			document.getElementById("productContactDetail").style.display = 'none';
			document.getElementById("productContactImg").src = ''
			document.getElementById("productContactName").innerHTML = ''
			document.getElementById("productContactPrice").innerHTML = ''
			$(".productContactFile1").hide();
		}
	})

	// 上传文件
	$("#file1").on("change", function () {
		var formData = new FormData();
		formData.append('file', $('#file1')[0].files[0]);
		httpPostFile('/api/bshop/config/file/uploadOut', formData, 'POST', function (data) {
			if (data.code === 0) {
				$("#productFilesList1").css('display', 'flex');
				document.getElementById("upFileName1").innerHTML = data.data.oriName;
				document.getElementById("enquiry_file1").value = data.data.urlWhole;
			} else {
				$("#productFilesList1").css('display', 'none');
				document.getElementById("upFileName1").innerHTML = '';
				document.getElementById("enquiry_file1").value = '';
			}
		})
	})
	
	$("#productFilesBtn1").on("click", function () {
		console.log('111')
		$("#productFilesList1").css('display', 'none');
		document.getElementById("upFileName1").innerHTML = '';
		document.getElementById("enquiry_file1").value = '';
	})


	$('.upImg').on('click', function () {
		$(this).next().click();
	})

	$('.shareInputBtn').on('click', function () {
		$("#productLinksList1").css('display', 'flex');
		document.getElementById("upLinkName1").innerHTML = document.getElementById("upLinkInput1").value
		document.getElementById("enquiry_link1").value = document.getElementById("upLinkInput1").value
	})

	$("#productLinksBtn1").on("click", function () {
		console.log('111')
		$("#productLinksList1").css('display', 'none');
		document.getElementById("upLinkName1").innerHTML = '';
		document.getElementById("enquiry_link1").value = '';
	})

	$('a[data-toggle="tab"]').on('click', function (e) {
		if (e.target.hash === '#page-threeD') {
			console.log(e.target.dataset, '111111111');
			var stl_viewer = new StlViewer(document.getElementById("stl_cont"), {})
			stl_viewer.add_model({
				id: 1,
				filename: e.target.dataset.third,
				display: "smooth",
				rotationx: 0,
				rotationy: 0,
				rotationz: 0,
				color: "#b1b1b1",
			})
		}
	})

	var swiper = new Swiper(".mySwiper", {
		autoplay: true,
    delay: 5000,
		loop: true,
		navigation: {
			nextEl: ".icon-ic_rightArrow",
			prevEl: ".icon-a-ic_leftArrow",
		},
		pagination: {
			el: ".swiper-pagination",
			clickable: true,
		},
	});

})(jQuery);