{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="editbasicinfo" action="{php echo $this->createMobileUrl('reg');}" method="post">
        <div class="weui-cells__title">用户注册</div>		
		<div class="weui-cells">
            <div class="weui-cell">
                <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>
			{if $settings['set']['issms']}
			<div class="weui-cell weui-cell_vcode">
				<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>
			{/if}
			<div class="weui-cell weui-cell_vcode">
				<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">
				<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 class="weui-cell">
				<div class="weui-cell__hd"><label class="weui-label">姓名：<span style='color:red'>*</span></label></div>
				<div class="weui-cell__bd "> 
					<input type="text" class="weui-input"  name="name" placeholder="姓名" value="{$user['name']}">
				</div>
			</div>
		</div>
	<input type="hidden" name="token" value="{$_W['token']}" />
	{if $zuchexy['id']}
		<div  class="weui-agree">
		  <input  type="checkbox" name="zcxy" class="weui-agree__checkbox" id="zcxycr" value="1" />
		  <label for="zcxycr" class="weui-agree__text" >
			我已经阅读并同意<a href="javascript:;">《{$zuchexy['title']}》</a>
		  </label>
		</div>
		<div class="weui-btn-area">
			<input name="submit" type="submit" id="regBtn" class="weui-btn weui-btn_plain-default"  value="请阅读并同意《{$zuchexy['title']}》！" disabled="true" />
			<br>
			<p class='weui-msg__desc tcenter'><a class="weui-cell_link" href="{php echo $this->createMobileUrl('login');}">登录账号</a> ｜ <a class="weui-cell_link" href="{php echo $this->createMobileUrl('passreset');}">忘记密码</a></p>
		</div>
	{else}
		<input type="hidden" name="zcxy" value="1" />
		<div class="weui-btn-area tcenter">
			<input name="submit" type="submit" class="weui-btn {$_W['css']['bg']}"  value="提 交 申 请" />
			<br>
			<p class='weui-msg__desc tcenter'><a class="weui-cell_link" href="{php echo $this->createMobileUrl('login');}">登录账号</a> ｜ <a class="weui-cell_link" href="{php echo $this->createMobileUrl('passreset');}">忘记密码</a></p>
		</div>
	{/if}
	</form>

</div>
<div id="zuchexy" class='weui-popup__container'>
	<div class="weui-popup__modal">
		<div class="toolbar">
			<div class="toolbar-inner">
				<a href="javascript:;" class="picker-button close-popup {$_W['css']['fb']}">关闭</a>
				<h1 class="title">{$zuchexy['title']}</h1>
			</div>
		</div>
		<div class="modal-content">
		<div class="weui-weixin"><div class="weui-weixin-ui"><div class="weui-weixin-page">
			<div class="weui-weixin-content">	
				{$zuchexy['content']}
			</div>
		</div></div></div>
		</div>
	</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;
	});
    $("#zcxycr").change(function(){
        var that = $(this);
		var regBtn = $("#regBtn");
        that.prop("checked",that.prop("checked"));
        if(that.prop("checked")){
            regBtn.prop("disabled",false);
			regBtn.attr("class", "weui-btn {$_W['css']['bg']}");
			regBtn.val('提 交 申 请');
			$('#zuchexy').popup();
        }else{
            regBtn.prop("disabled",true);
			regBtn.attr("class", "weui-btn weui-btn_plain-default");
			regBtn.val('请阅读并同意《{$zuchexy['title']}》！');
        }
    });
});
function checkCard(){
	var $cr = $("#zcxycr");
	if($cr.is(":checked")){
		$('#editbasicinfo').submit();
	}else{
		$.alert('请阅读并同意《{$zuchexy['title']}》！', "系统提示");
		return false;
	}
}
</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>