{template '_header'}
<div class="page bg-zmpag">
	<div class="{$_W['css']['bg']} weui-header">
		<div class="weui-header-left"><a class="zmui-icon-slider-left f-white" onclick='javascript:history.go(-1);'></a></div>
		<h1 class="weui-header-title">密码重置</h1>
		<div class="weui-header-right"><a class="zmui-icon-more f-white open-popup" data-target="#half"></a></div>
	</div>
	<form id="passreset" action="" method="post">
        <div class="weui-cells__title">密码重置</div>		
		<div class="weui-cells">
            <div class="weui-cell"><input type="hidden" name="id" id="usid"  value="0" />
                <div class="weui-cell__hd"><label class="weui-label">手机号：<span style='color:red'>*</span></label></div>
                <div class="weui-cell__bd ">
                    <input class="weui-input" type="tel" name="phone" pattern="[0-9]{11}" value="{$user['phone']}" id="sjhm" placeholder="作为登录标识"/>
                </div>
            </div>

				<div class="weui-cell weui-cell_vcode js-box2" style="display:none;">
					<div class="weui-cell__hd"><label class="weui-label">验证码：</label></div>
					<div class="weui-cell__bd ">
						<input class="weui-input" type="number" name="smsma" required  placeholder="" tips="请输入验证码">
					</div>
					<div class="weui-cell__ft">
						<a href="javascript:get_mobile_code();" class="weui-vcode-btn {$_W['css']['fb']}" id="gcode">获取验证码</a>
					</div>
				</div>
				<div class="weui-cell weui-cell_vcode js-box2" style="display:none;">
					<div class="weui-cell__hd"><label class="weui-label">新密码：<span style='color:red'>*</span></label></div>
					<div class="weui-cell__bd "> 
						<input type="password" class="weui-input"  name="pass1" id="pass1" placeholder="请设置一个新密码" value="">
					</div>
					<div class="weui-cell__ft">
						<a class="weui-vcode-btn zmui-icon-kong f30" id="passstrength" style="padding: 0px;width:40px;line-height:40px;"></a>
					</div>
				</div>
				<div class="weui-cell weui-cell_vcode js-box2" style="display:none;">
					<div class="weui-cell__hd"><label class="weui-label">确认密码：<span style='color:red'>*</span></label></div>
					<div class="weui-cell__bd "> 
						<input type="password" class="weui-input"  name="pass2" id="pass2" placeholder="再次输入新密码" value="">
					</div>
					<div class="weui-cell__ft">
						<a class="weui-vcode-btn zmui-icon-kong f30" id="passstrength1" style="padding: 0px;width:40px;line-height:40px;"></a>
					</div>
				</div>
			</div>
	</form>
	<div class="weui-btn-area tcenter">
		<a href="javascript:xdupform('#passreset');" class="weui-btn {$_W['css']['bg']}">提 交 设 置</a>	
		<br>
		<p class='weui-msg__desc tcenter'><a class="weui-cell_link" href="{php echo $this->createMobileUrl('reg');}">注册账号</a> ｜ <a class="weui-cell_link" href="{php echo $this->createMobileUrl('login');}">登录账号</a></p>
	</div>
</div>
{template '_footer'}
<script>
	$(function(){
		$("#pass2").keyup(function() {
			var pass1 = $('#pass1').val();
			var pass2 = $('#pass2').val();
			if(pass1 == pass2){
				$('#passstrength1').attr("class", "weui-vcode-btn zmui-icon-gou f30 f-green");
			}else{
				$('#passstrength1').attr("class", "weui-vcode-btn zmui-icon-cha f30 f-red");
			}
			return true;
		});
		$("#pass1").keyup(function() {
			var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
			var mediumRegex = new RegExp("^(?=.{7,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))).*$", "g");
			var enoughRegex = new RegExp("(?=.{6,}).*", "g");
			if (false == enoughRegex.test($(this).val())) {
				$('#passstrength').attr("class", "weui-vcode-btn zmui-icon-jinzhi f30 f-red");
			} else if (strongRegex.test($(this).val())) {
				$('#passstrength').attr("class", "weui-vcode-btn zmui-icon-haoping f30 f-green");
			} else if (mediumRegex.test($(this).val())) {
				$('#passstrength').attr("class", "weui-vcode-btn zmui-icon-zhongping f30 f-blue");
			} else {
				$('#passstrength').attr("class", "weui-vcode-btn zmui-icon-chaping f30 f-orange");
			}
			return true;
		});
	});
    function xdupform(formid) {
		$.showLoading();
		var formParam = $(formid).serialize();
		$.post(window.location.href, formParam , function(s){
			$.hideLoading();
			$.alert(s.message.ts, "操作成功");
			if(s.message.bz==2){
				$(".js-box2").show();
				$("#usid").val(s.message.id);
			}else{
				$(".js-box2").hide();
				$("#usid").val(s.message.id);
			}
			if (s.message.zt==0) {
				if(s.message.ts!='OK'){
					$.alert(s.message.ts, "操作成功");
				}
			}else{
				$.alert(s.message.ts, "操作失败");
			}
		}, 'json');
	}
</script>
<script>
    var iTime = 59;
    var Account;
    var isget = false;
    function get_mobile_code(){
		if(isget){return false;}
		var sj = $('#sjhm').val();
        $.post("{php echo $this->createMobileUrl('zmcnsms');}", {sj:sj}, function(msg) {
            if(msg.message.zt==0){$.toast("操作成功", function(){console.log('close');});RemainTime();}else{$.alert(msg.message.ts, "操作失败");}
        }, 'json');
    };
    function RemainTime(){
        isget = true;
        var iSecond,sSecond="",sTime="";
        if (iTime >= 0){
            iSecond = parseInt(iTime%60);
            iMinute = parseInt(iTime/60)
            if (iSecond >= 0){
                if(iMinute>0){
                    sSecond = iMinute + "分" + iSecond + "秒";
                }else{
                    sSecond = iSecond + "秒";
                }
            }
            sTime=sSecond;
            if(iTime==0){
                clearTimeout(Account);
                sTime='获取验证码';
                iTime = 59;
                isget = false;
            }else{
                Account = setTimeout("RemainTime()",1000);
                iTime=iTime-1;
            }
        }else{
            sTime='没有倒计时';
        }
		$('#gcode').html(sTime);
    }    
</script>