<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	response.setHeader("Pragma","No-cache");    
	response.setHeader("Cache-Control","no-cache");    
	response.setDateHeader("Expires", -10);  
%>
<%@include file="/WEB-INF/views/base.jsp"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>登录</title>

    <link href="${cssPath }/bootstrap.min.css" rel="stylesheet">
    <link href="${fontAwsPath }/css/font-awesome.css" rel="stylesheet">
	
	<!-- Toastr style -->
    <link href="${cssPath }/plugins/toastr/toastr.min.css" rel="stylesheet">
	
    <link href="${cssPath }/animate.css" rel="stylesheet">
    <link href="${cssPath }/style.css" rel="stylesheet">
</head>

<body class="gray-bg login_bg">
    <div class="middle-box text-center loginscreen animated fadeInDown">
        <div>
            <div class="login_box_bg">
            <div style="width: 300px;">
            <form:form modelAttribute="user" action="login" class="m-t login-form" role="form"  method="post" >
            	<h3 style="text-align: left;">Welcome to DGT</h3>
            	<p style="text-align: left;">Login in. To see it in action.</p>
                <div class="form-group">
                	<div class="input-icon">
	                    <form:input class="form-control placeholder-no-fix" path="employeeno"  autocomplete="off" placeholder="用户名" required="" />
              		</div>
                </div>
                <div class="form-group">
               		<div class="input-icon">
	                    <form:password  class="form-control placeholder-no-fix" path="password"  autocomplete="off" placeholder="密码" required=""  />
               		</div>
                </div>
                <button  type="submit"  class="btn btn-primary block full-width m-b">登录</button>
				<form:errors path="employeeno" class="field-has-error"></form:errors>  
                <!-- <a href="#"><small>忘记密码?</small></a>  -->
                <p class="text-muted text-center"><small></small></p>
           <!--  <a class="btn btn-sm btn-white btn-block" href="register.html">注册</a> -->   
           		<p class="m-t" style="width: 320px;text-align: left;"> <small>DGT we app framework base on Bootstrap 3 &copy; 2016</small> </p> 
            </form:form>
            </div>
            </div>
        </div>
    </div>
    
    <!-- Mainly scripts -->
	<script src="${jsPath }/jquery-1.9.1.min.js"></script>  
    <script src="${jsPath }/bootstrap.min.js"></script>
    <script src="${jsPath }/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="${jsPath }/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="${jsPath }/inspinia.js"></script>
    <script src="${jsPath }/plugins/pace/pace.min.js"></script>

    <!-- Toastr script -->
    <script src="${jsPath }/plugins/toastr/toastr.min.js"></script>
    <!-- login validator script -->
    <script src="${jsPath }/plugins/jquery.cookie.min.js" type="text/javascript"></script>
    <script src="${jsPath }/plugins/validate/jquery.validate.min.js" type="text/javascript"></script> 
	<script src="${jsPath }/app.js" type="text/javascript"></script>
	<script src="${jsPath }/account.validate.js" type="text/javascript"></script> 
	
	<script type="text/javascript">
		$(function() {
			App.init();
		  	AccountValidate.handleLogin();
	    });
	</script>
</body>
</html>