<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>登录系统</title>
    <link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
    <link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
    <link href="../static/css/style.min.css" th:href="@{/css/style.min.css}" rel="stylesheet"/>
    <link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>
    <link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.7.6}" rel="stylesheet"/>
    <!-- 360浏览器急速模式 -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>
    <style type="text/css">
        label.error {
            position: inherit;
        }

        .row-login-label {
            display: flex;
            flex-direction: column;
            justify-content: center;
        }
        .signinpanel-col{
            display: flex;
            justify-content: center;
        }
        .bottom-border{
            font-size: 18px;
            border: none;
            border-bottom: 1px solid #999;
        }
        .imgcode-box{
            display: flex;
            justify-content: space-between;
        }
        .imgcode-box .imgcode{
            height: 35px;
        }
    </style>
    <script>
        if (window.top !== window.self) {
            alert('未登录或登录超时。请重新登录');
            window.top.location = window.location
        }
        ;
    </script>
</head>
<body class="signin">
<div class="signinpanel signinpanel-col">
    <div style="width: 100vw; height: 100vh;background: rgba(0,0,0,0.2);position: fixed;top: 0;left: 0;z-index: 1;"></div>
    <div class="row row-login-label" style="z-index: 2;">
        <!--            <div class="col-sm-7">-->
        <div class="signin-info">
            <p style="font-size: 42px;text-align: center;">AI绘图后台管理系统</p><br/>
<!--            <strong th:if="${isAllowRegister}">还没有账号？ <a th:href="@{/register}">立即注册&raquo;</a></strong>-->
        </div>
        <!--            </div>-->
        <form id="signupForm" autocomplete="off" style="background: #fff;opacity: .8;">
<!--            <h4 class="no-margins">登录：</h4>-->
            <input type="text" name="username" class="form-control uname bottom-border" placeholder="请输入用户名" value=""/>
            <br/><input type="password" name="password" class="form-control pword bottom-border" placeholder="请输入密码" value=""/>
            <br/><div class="row m-t imgcode-box" th:if="${captchaEnabled==true}">
                <div class="col-xs-6">
                    <input
                        type="text"
                        name="validateCode"
                        class="form-control code bottom-border"
                        placeholder="验证码"
                        maxlength="5"
                    />
                </div>
                <div class="col-xs-6">
                    <a href="javascript:void(0);" title="点击更换验证码">
                        <img th:src="@{/captcha/captchaImage(type=${captchaType})}" class="imgcode" />
                    </a>
                </div>
            </div>
            <button class="btn btn-block" style="background: #2196f3;height: 50px;border-radius: 25px;" id="btnSubmit" data-loading="正在验证登录，请稍候...">登录</button>
        </form>
    </div>
    <!--<div class="signup-footer">
        <div class="pull-left">
            Copyright © 2018-2023 ruoyi.vip All Rights Reserved. <br>
        </div>
    </div>-->
</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>
<!--[if lte IE 8]>
<script>window.location.href = ctx + 'html/ie.html';</script><![endif]-->
<!-- 全局js -->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<script src="../static/ajax/libs/validate/jquery.validate.min.js"
        th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.7.6}"></script>
<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>
</body>
</html>
