<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta charset="utf-8" />
    <title>用户登录 - <?=TFYT('name')?></title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta content="<?=TFYT('keywords')?>" name="keywords">
    <meta content="<?=TFYT('describe')?>" name="description">
    <!-- BEGIN CORE CSS FRAMEWORK -->
    <link href="https://style.xmyrs.cn/assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" media="screen"/>
    <link href="https://style.xmyrs.cn/assets/plugins/boostrapv3/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://style.xmyrs.cn/assets/plugins/boostrapv3/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="https://style.xmyrs.cn/assets/css/animate.min.css" rel="stylesheet" type="text/css"/>
    <!-- END CORE CSS FRAMEWORK -->
    <!-- BEGIN CSS TEMPLATE -->
    <link href="https://style.xmyrs.cn/assets/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="https://style.xmyrs.cn/assets/css/responsive.css" rel="stylesheet" type="text/css"/>
    <link href="https://style.xmyrs.cn/assets/css/custom-icon-set.css" rel="stylesheet" type="text/css"/>
    <!-- END CSS TEMPLATE -->
    <script src="https://style.xmyrs.cn/snowflake.js" type="text/javascript"></script>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="error-body no-top lazy" style="background: url('//desk-fd.zol-img.com.cn/t_s1920x1080c5/g5/M00/08/07/ChMkJ14OogmIQV6oAB1ft78-gnIAAwG4gAJMJgAHV_P675.jpg');">
<div class="container">
    <div class="row login-container column-seperation">
        <div class="col-md-5 col-md-offset-1">
            <h2 style="color: #ccc"><?=TFYT('name')?></h2>
            <p style="color: #ccc">目前,已经实现了更快捷的方式.<br>
                如果你已经绑定QQ, <a href="<?php $qqlogin=new qqlogin(); echo $qqlogin->url()?>" class="label label-success">请点击这里使用QQ快捷登录</a> 如果你无法进行登录,试试下面的按钮.</p>
            <br>
            <button class="btn btn-block btn-info col-md-8" type="button">
                <span class="pull-left"><i class="fa fa-lock"></i></span>
                <span class="bold">密码找回</span>
            </button>
            <a class="btn btn-block btn-success col-md-8" href="?Mould=Register">
                <span class="pull-left"><i class="fa fa-key"></i></span>
                <span class="bold">用户注册</span>
            </a>
        </div>
        <div class="col-md-5 "> <br>
            <div class="login-form">
                <div class="row">
                    <div class="form-group col-md-10">
                        <div class="alert alert-info">
                            <div class="alert-content" id="msg"><?=TFYT('login_notice')?></div>
                        </div>
                        <label class="form-label" style="color: #ccc">用户名Username</label>
                        <div class="controls">
                            <div class="input-with-icon  right">
                                <i class=""></i>
                                <input type="text" name="username" placeholder="用户名/邮箱/QQ均可登录" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-md-10">
                        <label class="form-label" style="color: #ccc">密码Password</label>
                        <span class="help"></span>
                        <div class="controls">
                            <div class="input-with-icon  right">
                                <i class=""></i>
                                <input type="password" name="password" placeholder="密码" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="control-group col-md-10">
                        <div class="checkbox checkbox check-success">
                            <input type="checkbox" id="checkbox1" value="1">
                            <label for="checkbox1" style="color: #ccc">记住密码</label>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-10">
                        <button class="btn btn-primary btn-cons pull-right" type="button" name="submit">登录Login</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END CONTAINER -->
<!-- BEGIN CORE JS FRAMEWORK-->
<script src="https://style.xmyrs.cn/assets/plugins/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="https://style.xmyrs.cn/assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="https://style.xmyrs.cn/assets/plugins/pace/pace.min.js" type="text/javascript"></script>
<script src="https://style.xmyrs.cn/assets/plugins/jquery-validation/js/jquery.validate.min.js" type="text/javascript"></script>
<script src="https://style.xmyrs.cn/assets/js/login.js" type="text/javascript"></script>
<!-- BEGIN CORE TEMPLATE JS -->
<script type="text/javascript">
    $('[name="submit"]').on("click", function() {
        $('[name="submit"]').attr('disabled','disabled');
        $('[name="submit"]').text('正在处理...');
        $.ajax({
            type: "POST",
            url: '/Application/Users.php?Mould=Login',
            data: {'action':'login','username':$('[name="username"]').val(),'password':$('[name="password"]').val()},
            dataType: 'json',
            success: function (data) {
                if(data.state=='ok'){
                    $('#msg').html('<font color="green">'+data.msg+',2秒后自动转跳...</font>');
                    setTimeout(function(){
                        window.location='/Application/Mains.php';
                    }, 1500);
                }else{
                    $('#msg').html('<font color="red">'+data.msg+'</font>');
                    $('[name="submit"]').text('登录Login');
                    $('[name="submit"]').removeAttr("disabled");
                }
            },
            error:function (data) {
                console.log(data.responseText);
                $('#msg').html('<font color="red">服务器内部错误，请联系管理员修复！</font>');
            }
        });
    });
</script>
<!-- END CORE TEMPLATE JS -->
</body>
</html>