/* For ZBlogPHP erx_Call [ https://app.zblogcn.com/?id=18334 ] */

$(function(){
	var erxCallDom = `
<div class="erx-call-mbox">
	<div class="erx-call-inner">
		<div class="erx-call-tit"><img src="https://www.goldlaser.cn/zb_users/plugin/erx_Call/img/slogo-demo.png" class="slogo">为提升效率，我们可以电话联系<span class="ec-close">&times;</span></div>
		<div class="erx-call-con">
			<dl class="ec-item">
				<dt><img src="https://www.goldlaser.cn/zb_users/plugin/erx_Call/img/photo-demo.jpg"></dt>
				<dd>
					<div class="ec-data"><span class="ec-sale">齐经理</span><span class="ec-time">00:00:00</span></div>
					<div class="ec-msg"><i class="smile">微笑</i>你好，我是您的专属在线顾问，请问有什么可以帮您？我的电话是：15964514888</div>
				</dd>
			</dl>
			<dl class="ec-item">
				<dt><img src="https://www.goldlaser.cn/zb_users/plugin/erx_Call/img/photo-demo.jpg"></dt>
				<dd>
					<div class="ec-data"><span class="ec-sale">齐经理</span><span class="ec-time">00:00:00</span></div>
					<div class="ec-msg">请告诉我您的电话，我为您提供一对一服务</div>
				</dd>
			</dl>
			<div class="ec-item erx-call-tel">
				<div class="ec-form"><input type="text" name="content" placeholder="填写手机号码，我们直接为您回电" maxlength="13" class="int"><input type="button" value="免费回电" class="e-btn"><span class="error"></span></div>
			</div>
			<dl class="erx-call-tip">
				<dt><img src="https://www.goldlaser.cn/zb_users/plugin/erx_Call/img/photo-demo.jpg"></dt>
				<dd>
					<div class="ec-data"><span class="ec-sale">齐经理</span><span class="ec-time">00:00:00</span></div>
					<div class="ec-msg">收到，我们会马上联系您！<span><br><em class="ec-reset">填错/重填</em></span><em class="ec-finish">关闭对话框</em></div>
				</dd>
			</dl>
		</div>
		<div class="erx-call-tool"><span class="ntip">累计回电：14281人次</span><span class="act"><a href="https://wpa.qq.com/msgrd?v=3&uin=251955658&site=qq&menu=yes" target="_blank">QQ咨询</a><a href="微信公众号" target="_blank" class="a-wx">微信公众号<img src="https://www.goldlaser.cn/zb_users/plugin/erx_Call/img/qrcode-demo.jpg" class="qrcode"></a></span></div>
	</div>
</div>
<div class="erx-call-rbox">
	<div class="erx-call-inner">
		<div class="erx-call-tit">为提升效率，我们可以电话联系<span class="ec-close">&times;</span></div>
		<div class="erx-call-con">
			<div class="erx-call-tel">
				<div class="ec-form"><div class="erx-call-tip"><span>收到，我们会马上联系您！<em>关闭</em></span></div><input type="text" name="content" placeholder="填写手机号码，我们直接为您回电" maxlength="13" class="int"><input type="button" value="免费回电" class="e-btn"><span class="error"></span></div><p class="ec-form"><a href="https://wpa.qq.com/msgrd?v=3&uin=251955658&site=qq&menu=yes" target="_blank" class="a-qq">QQ咨询</a><img src="https://www.goldlaser.cn/zb_users/plugin/erx_Call/img/qrcode-demo.jpg" class="qrcode"></p>
			</div>
		</div>
	</div>
</div>
`;
	zbp.cookie.get("erxcalltel") == null && typeof(erxCallnos) == "undefined" ? $("body").append(erxCallDom) : '';
	var erxCallAuto = '', erxCallPost = 0;
	window.setTimeout(function(){
		$(".erx-call-mbox").addClass("erxact");
		$(".erx-call-mbox .ec-item").each(function(i){
			let $self = $(this);
			window.setTimeout(function(){
				$self.slideDown();
				$self.find(".ec-time").html(erxCallTime());
			}, i * 2 * 1000);
		});
	}, 2 * 1000);
	$(".erx-call-mbox .a-wx").click(function(){
		let $self = $(this), href = $self.attr("href"), text = $self.text();
		if(href == text){
			$(this).children(".qrcode").toggle();
			return false;
		}
	});
	$(".erx-call-mbox .ec-close").click(function(){
		if(zbp.cookie.get("erxcalltel") != null){
			$(".erx-call-mbox, .erx-call-rbox").remove();
			return false;
		}
		$(".erx-call-mbox").removeClass("erxact");
		$(".erx-call-rbox").slideDown();
		if(zbp.cookie.get("erxcalltel") == null){
			erxCallAuto = window.setTimeout(function(){
				$(".erx-call-rbox").hide();
				$(".erx-call-mbox").addClass("erxact");
			}, 20 * 1000);
		}
		window.setTimeout(function(){
			erxCallTipScroll();
		}, 500);
	});
	$(".erx-call-rbox .erx-call-tel .int").bind('input focus', function() {
		clearTimeout(erxCallAuto);
	});
	$(".erx-call-rbox .ec-close").click(function(){
		if(zbp.cookie.get("erxcalltel") == null){
			$(".erx-call-rbox").slideUp();
			$(".erx-call-mbox").addClass("erxact");
			clearTimeout(erxCallAuto);
		}else{
			$(".erx-call-mbox, .erx-call-rbox").remove();
		}
	});
	$(".erx-call-tel .e-btn").click(function(){
		let $self = $(this), $tel = $self.prev(), num = $tel.val();
		if(!/^1[345789]\d{9}$/.test(num) && !/^0\d{2,3}-?\d{7,8}$/.test(num)){
			$self.next().show().html(zbp.cookie.get("erxcalltel") == null ? '&#9888;\u53f7\u7801\u683c\u5f0f\u4e0d\u6b63\u786e' : '&#9888;\u60a8\u5df2\u63d0\u4ea4\u8fc7\u4e86').delay(2000).fadeOut();
			$tel.focus();
			return;
		}
		$tel.val('\u6b63\u5728\u63d0\u4ea4...');
		$.post(bloghost + "zb_users/plugin/erx_Call/" + "post" + "." + "php", {
			"content":num.replace("-",""),
			"url":location.href,
			}, function(data){
				let s =data;
				if((s.search("faultCode")>0)&&(s.search("faultString")>0)){
					$self.next().show().html('&#9888;'+(s.match("<string>.+?</string>")[0].replace("<string>","").replace("</string>",""))).delay(2000).fadeOut();
					$tel.val('');
				}else{
					erxCallPost ? $(".erx-call-tip .ec-msg span").remove() : '';
					$(".erx-call-tip").delay(800).slideDown().find(".ec-time").html(erxCallTime());
					$(".erx-call-tel .int").val("").attr({disabled: true, placeholder: num + ' ' + s});
					zbp.cookie.set("erxcalltel", 1, 3);
					window.setTimeout(function(){
						erxCallTipScroll();
					}, 900);
				}
			}
		);
	});
	$(".erx-call-tip .ec-reset").click(function(){
		$(".erx-call-tip").slideUp();
		$(".erx-call-tel .int").val("").attr({disabled: false, placeholder: ""}).focus();
		erxCallPost = 1;
		zbp.cookie.set("erxcalltel", '', -1);
	});
	$(".erx-call-tip .ec-finish").click(function(){
		$(".erx-call-mbox, .erx-call-rbox").remove();
	});
	$(".erx-call-tool a").click(function(){
		if($(this).attr("href").indexOf("javascript:")>-1){
			return false;
		}
	});
	$(document).on("click", function(e){
        if(!$(e.target).closest(".erx-call-tool .a-wx").length){
			$(".erx-call-tool .qrcode").hide();
        }
    });
	function erxCallTipScroll(){
		let $tip = $(".erx-call-rbox .erx-call-tip"), wth1 = $tip.width(), wth2 = $tip.children("span").width();
		if(wth2 > wth1){
			$tip.hover(function(){
				$(this).children("span").stop(true,true).animate({left:-(wth2-wth1)},800);
			}, function(){
				$(this).children("span").stop(true,true).animate({left:0},800);
			})
		}
	}
	function erxCallTime(){
		let d = new Date(), h = d.getHours(), m = d.getMinutes(), s = d.getSeconds();
		m < 10 ? m = "0"+m : m;
		s < 10 ? s = "0"+s : s;
		return h+":"+m+":"+s;
	}
});