<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,Chrome=1">
    <!-- Google Chrome Frame也可以让IE用上Chrome的引擎: -->
    <meta name="renderer" content="webkit">
    <!--国产浏览器高速模式-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 作者 -->
    <meta name="author" content="imwork"/>
    <meta name="revised" content="silos-Admin-v-1.0.0.1"/>
    <!-- 定义页面的最新版本 -->
    <meta name="description" content="网站简介"/>
    <!-- 网站简介 -->
    <meta name="keywords" content="搜索关键字，以半角英文逗号隔开"/>
    <!-- 公共样式 开始 -->
    <title>Login</title>
    <link rel="shortcut icon" href="../../static/assets/silos/images/logo/logo.png" th:href="@{/assets/silos/images/logo/logo.png}"/>
    <link rel="bookmark" href="../../static/assets/silos/images/logo/logo.png" th:href="@{/assets/silos/images/logo/logo.png}"/>
    <link rel="stylesheet" href="../../static/assets/library/layui/css/layui.css" th:href="@{/assets/library/layui/css/layui.css}"/>
    <link rel="stylesheet" href="../../static/business/login/login.css" th:href="@{/business/login/login.css}"/>
    <link rel="stylesheet" href="../../static/assets/library/fonts/fontawesome/css/all.css" th:href="@{/assets/library/fonts/fontawesome/css/all.css}"/>
</head>
<body>
<div id="silos-canvas" class="silos-canvas"></div>
<div class="silos-login">
    <h1>
        <strong>Silos-Admin管理系统后台</strong>
        <em>Management System</em>
    </h1>
    <form method="post" action="../auth/login">
        <div class="layui-form-item">
            <input type="username" name="username" placeholder="用户名" class="layui-input">
            <i class="layui-icon input-icon">&#xe66f;</i>
        </div>
        <div class="layui-form-item">
            <input type="password" name="password" placeholder="密码" class="layui-input">
            <i class="layui-icon input-icon">&#xe673;</i>
        </div>
        <div class="layui-form-item auth-code">
            <div class="auth-code-box">
                <input type="text" id="imageCode" name="imageCode" placeholder="验证码" maxlength="6" class="layui-input auth-code-input">
                <img src="/ValidateCode/imageCode" alt="" class="verifyImg" id="verifyImg"
                     onclick="this.src='/ValidateCode/imageCode?t=' + new Date().getTime()">
            </div>
        </div>
        <div th:text="${session.message}" class="message"></div>
        <div class="layui-form-item">
            <span class="fl"><input type="checkbox" name="remember-me" checked class="silos-checkbox"/>记住密码 </span>
            <a class="fr" href="javascript:">忘记密码</a>
        </div>
        <div class="layui-form-item">
            <button style="width: 100%" class="layui-btn" lay-submit lay-filter="login">立即登录</button>
        </div>
        <div class="layui-row">
            <i class="layui-icon layui-icon-login-qq silos-login-sign"></i>
            <i class="layui-icon layui-icon-login-wechat silos-login-sign"></i>
            <i class="layui-icon layui-icon-login-weibo silos-login-sign"></i>
        </div>
    </form>
</div>
<script src="../../static/assets/library/jquery/jquery.js" th:src="@{/assets/library/jquery/jquery.js}"></script>
<script src="../../static/assets/library/layui/layui.js" th:src="@{/assets/library/layui/layui.js}"></script>
<script src="../../static/assets/library/jplus/jparticles/jparticles.all.js" th:src="@{/assets/library/jplus/jparticles/jparticles.js}"></script>
<script src="../../static/business/login/login.js" th:src="@{/business/login/login.js}"></script>
</body>
</html>