<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>系统登录</title>
    <meta name="renderer" content="webkit">
    <link href="${ctxPath}/static/BJUI/themes/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        html, body {
            height: 100%;
            overflow: hidden;
        }

        body {
            font-family: "Verdana", "Tahoma", "Lucida Grande", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
            background: url(${ctxPath}/static/images/loginbg_01.jpg) no-repeat center center fixed;
            background-size: 100% 100%;
        }

        .form-control {
            height: 37px;
        }

        .main_box {
            position: absolute;
            top: 45%;
            left: 50%;
            margin: -200px 0 0 -180px;
            padding: 15px 20px;
            width: 360px;
            min-height: 320px;
            min-width: 320px;
            background: #FAFAFA;
            background: rgba(255, 255, 255, 0.5);
            box-shadow: 1px 5px 8px #888888;
            border-radius: 6px;
        }

        .login_msg {
            height: 30px;
        }

        .input-group > .input-group-addon.code {
            padding: 0;
        }

        #captcha_img {
            cursor: pointer;
            max-height: 33px
        }

        .main_box .logo img {
            height: 35px;
            margin-top: 10px;
        }

        ${'@'} media (min-width:768px;) {
            .main_box {
                margin-left: -240px;
                padding: 15px 55px;
                width: 480px;
            }

            .main_box .logo img {
                height: 40px;
            }
        }

        #errorie {
            position: fixed;
            top: 0;
            z-index: 100000;
            height: 30px;
            background: #FCF8E3;
        }

        #errorie div {
            width: 900px;
            margin: 0 auto;
            line-height: 30px;
            color: orange;
            font-size: 14px;
            text-align: center;
        }

        #errorie div a {
            color: #459f79;
            font-size: 14px;
        }

        #errorie div a:hover {
            text-decoration: underline;
        }

        #login_form .n-invalid {
            border: 1px solid #f00;
        }

        .btn-primary {
            background-color: #bc1a20;
            border-color: #bc1a20;
        }

        .btn-primary:hover {
            background-color: #bc1a20;
            border-color: #bc1a20;
        }
    </style>
</head>
<body>
<!--[if lte IE 7]>
<div id="errorie"><div>您还在使用老掉牙的IE，请升级您的浏览器到 IE8以上版本 <a target="_blank" href="http://windows.microsoft.com/zh-cn/internet-explorer/ie-8-worldwide-languages">点击升级</a>&nbsp;&nbsp;强烈建议您更改换浏览器：<a href="http://down.tech.sina.com.cn/content/40975.html" target="_blank">谷歌 Chrome</a></div></div>
<![endif]-->
<div class="container">
    <div class="main_box">
        <form action="${ctxPath}/${adminLoginPath!}/doLogin" id="login_form" method="post">
            <input type="hidden" id="system" value="${ctxPath}/system">
            ${token!}
            <p style="margin-top: 10px" class="text-center logo"><img style="width: 70px;height:70px;"
                                                                      src="${ctxPath}/static/images/logo.png"
                                                                      height="45"></p>
            <div class="login_msg text-center"><font color="red"></font></div>
            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon" id="sizing-addon-user">
                        <span class="glyphicon glyphicon-user"></span>
                    </span>
                    <input type="text" class="form-control" id="username" name="username" placeholder="登录账号"
                           aria-describedby="sizing-addon-user">
                    <span class="msg-box n-right" style="position:static;" for="username"></span>
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon" id="sizing-addon-password">
                        <span class="glyphicon glyphicon-lock"></span>
                    </span>
                    <input type="password" class="form-control" id="password" name="password" placeholder="登录密码"
                           aria-describedby="sizing-addon-password">
                </div>
            </div>
            <div class="form-group">
                <div class="input-group">
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-exclamation-sign"></span>
                    </span>
                    <input type="text" class="form-control" id="j_captcha" name="verifyCode" placeholder="验证码"
                           aria-describedby="sizing-addon-password">
                    <span class="input-group-addon code" id="basic-addon-code">
                        <img id="captcha_img" src="${ctxPath}/verify" onclick="changeCode();" alt="点击更换"
                             title="点击更换" class="m">
                    </span>
                </div>
            </div>
            <!--<div class="form-group">-->
            <!--<div class="checkbox">-->
            <!--<label for="j_remember" class="m"><input id="j_remember" name="remberMe" type="checkbox" value="true">&nbsp;记住登陆账号!</label>-->
            <!--</div>-->
            <!--</div>-->
            <div class="text-center" STYLE="margin-bottom: 25px;padding-top: 10px">
                <button type="button" id="submit_btn" class="btn btn-primary btn-lg">&nbsp;登&nbsp;录&nbsp;</button>&nbsp;&nbsp;&nbsp;&nbsp;
                <button type="reset" class="btn btn-default btn-lg">&nbsp;重&nbsp;置&nbsp;</button>
            </div>
        </form>
    </div>
</div>
<script src="${ctxPath}/static/BJUI/js/jquery-1.11.3.min.js"></script>
<script src="${ctxPath}/static/BJUI/js/jquery.cookie.js"></script>
<script src="${ctxPath}/static/js/login/jquery.form.js"></script>
<script src="${ctxPath}/static/js/login/login.js"></script>
<script src="${ctxPath}/static/js/login/login_tooltips.js"></script>
<script type="text/javascript">
    $(function () {
        choose_bg();
    });

    function changeCode() {
        $("#captcha_img").attr("src", "${ctxPath}/verify?t=" + (new Date().getTime()));
    }

    function choose_bg() {
        let bg = Math.floor(Math.random() * 8);
        $('body').css('background-image', 'url(${ctxPath}/static/images/loginbg_0' + bg + '.jpg)');
    }
</script>
</body>
</html>