<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Log-In</title>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script type="text/javascript" src="/js/login.js"></script>
    <link rel="stylesheet" href="/css/login.css">
</head>
<body>
	<div class="flex-container">
    <form action="/login.do" method="POST">
    	<span class="logoImage"></span>
        <div class="title-line">자율주행허브센터 로그인</div>
        <div class="under-line"></div>
        <div class="input-box">
            <div>아이디 
               <input type="text" name="userId">
            </div>
            <div>
               비밀번호
               <input type="password" name="userPswd">
            </div>
         	<div>
         		<i class="fa fa-lock" style="position:relative; font-size: 40px;" aria-hidden="true"></i>
         		<i class="fa fa-unlock-alt" style="position:relative; top:15px; font-size: 40px; display: none" aria-hidden="true"></i>
         		<span>들어가기</span>
            </div>
            <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}" />
        </div>
    </form>
    </div>
</body>
</html>