{extend name="public:common" /}
{block name="title"}<title>用户登录 - {$config.site_name}</title>{/block}
{block name="css"}
<link rel="stylesheet" type="text/css" href="__STATIC__/css/login.css">
{/block}
{block name="content"}
<div class="loginWrapper">
    <div class="loginBox">
      <div class="content">
        <div class="web-logo">
          <a href="/">
            <div class="icon-loginLogo" style="background:url(__STATIC__/img/default.png) center no-repeat; background-size: contain"></div>
          </a>
        </div>
        <div class="window">
          <form action="{$config['current_url']}" method="post" id="UserLoginForm" novalidate="novalidate">
            <input type="hidden" name="__token__" value="{$Request.token}" />
            <div class="method-box clearfix">
              <div class="method fl zhanghao_method">
                <div class="input-box fill-list">
                  <i class="iconfont"></i>
                  <em class="posi-box"></em>
                  <input type="text" name="username" placeholder="请输入账号" autocomplete="off"></div>
                <div class="input-box fill-list">
                  <i class="iconfont"></i>
                  <em class="posi-box"></em>
                  <input type="password" name="password" placeholder="请输入密码" autocomplete="new-password"></div>
                <div class="operate clearfix Keep-Password">
                  <input type="hidden" name="referer" value="1">
                  <p class="agree fl remember-pass"><i class="on"></i>记住登录</p>
                  <a class="fr" href="javascript:;" onclick="mui.alert('请联系客服');">忘记密码</a>
				</div>
                <input class="login" type="submit" name="user-login" id="login_submit" value="登录"></div>
            </div>
          </form>
        </div>
         <!--<div class="other-way-tilte">一键登录</div>
        <div class="all-kinds-of ">
          <a href="javascript:;" onclick="mui.toast('未开放');">
            <i class="iconfont icon-qq"></i>
          </a>
          <a href="javascript:;" onclick="mui.toast('未开放');">
            <i class="iconfont icon-wChat"></i>
          </a>
          <a href="javascript:;" onclick="mui.toast('未开放');">
            <i class="iconfont icon-weibo"></i>
          </a>
        </div>-->
        <div class="LoginLinkBox">还没有账号？
          <a href="{:url('@reg')}">马上注册</a></div>
      </div>
    </div>
</div>
{/block} 
{block name="javascript"}
<script type="text/javascript">
$(function() {
    var username = localStorage.getItem("username");
	var password = localStorage.getItem("password");
	if(username!=null&&username!=undefined&&username!=""){
		$("input[name='username']").val(username);
        $("input[name='password']").val(password);
        $("input[name='referer']").val('1');
        $('.remember-pass i').addClass("on");
	}
    $("#UserLoginForm").validate({
      errorPlacement: function(error, element) {
        error.appendTo(element.parent().find('.posi-box'));
      },
      rules: {
        username: {
          required: true,
          minlength: 5,
		  maxlength: 20
        },
        password: {
          required: true,
          minlength: 6,
          maxlength: 12
        },
      },
      //错误信息提示
      messages: {
        username: {
          required: "请输入账号",
          minlength: "5~20位字母和数字组合",
		  maxlength: "5~20位英母和数字组合"
        },
        password: {
          required: "请输入密码",
          minlength: "密码必须6~12位",
          maxlength: "密码必须6~12位"
        },
      },
      submitHandler: function(form) { //通过之后回调
        $(form).ajaxSubmit({
          dataType: "json",
          beforeSubmit: function(formData, jqForm, options) {
            $('#login_submit').attr("disabled", "disabled");
            mui.showLoading("正在登录","div");
          },
          success: function(msg, statusText) {
            if (msg) {
              setTimeout(function() {
                mui.hideLoading();
                //返回的是正确的提示时
                if (msg['code'] === 1) {
                     mui.toast(msg['msg']);
                    //记住密码
                    if($("input[name='referer']").val()==1){
                        let username = $("input[name='username']").val();
                        let password = $("input[name='password']").val();
                	    localStorage.setItem("username",username);
                		localStorage.setItem("password",password);
                	}
                  setTimeout(function() {
                      {if condition="$config.gm_open eq 1" /}
                        let url = "{:url('@Index/Main/index')}";
                      {else/}
                        let url = "{:url('@pay/Home/index')}";
                      {/if}
                      window.location.href = url;
                  },1000);
                } else {
                  mui.alert(msg['msg']);
                  $('#login_submit').removeAttr("disabled");
                }
              },100);
            }
          },
          //提交发生错误时的函数调用
          error: function(event, errorText, errorType) {
            mui.hideLoading();
            mui.alert("登录失败");
            $('#login_submit').removeAttr("disabled");
          },
        });
      }
    });
});
//按下回车键
$(document).keyup(function(event){
	if(event.keyCode=="13"){
		$('.login').click();
	}
});
//勾选记住密码
$('.remember-pass').on('click',function() {
	var i=$(this).find('i');
	i.toggleClass('on');
	if (i.hasClass("on")) {
		$("input[name='referer']").val('1');
		$('.remember-pass i').addClass("on");
	} else {
		$("input[name='referer']").val('0');
		$('.remember-pass i').removeClass("on");
		localStorage.removeItem("username");
		localStorage.removeItem("password");
	}
});
</script>
{/block}