<!DOCTYPE html>
<%--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">--%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<link href="<c:url value="/resources/loginPage.css" />" rel="stylesheet">

<html>
<head>
    <title>Login Page</title>
<%--    <link href="<c:url value="/resources/loginPage.css" />" type="text/css" rel="stylesheet">--%>
<%--    <link href="<c:url value="./loginPage.css" />" rel="stylesheet" type="text/css">--%>
<%--    <link href="<c:url value="/resources/loginPage.css" />" type="text/css">--%>
<%--    <link href="<c:url value="/resources/loginPage.css" />" rel="stylesheet">--%>
<%--    <link href="${pageContext.request.contextPath}/resources/loginPage.css" type="text/css">--%>
<%--    <link href="${pageContext.request.contextPath}/resources/loginPage.css" type="text/css" rel="stylesheet">--%>
<%--    <link href="/resources/loginPage.css" type="text/css">--%>
<%--    <link href="/resources/loginPage.css" type="text/css" rel="stylesheet">--%>
<%--    <link href="/loginPage.css" type="text/css">--%>
<%--    <link href="/loginPage.css" type="text/css" rel="stylesheet">--%>


    <%--    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-aFq/bzH65dt+w6FI2ooMVUpc+21e0SRygnTpmBvdBgSdnuTN7QbdgL+OapgHtvPp" crossorigin="anonymous">--%>
    <%--    <link href="${pageContext.request.contextPath}/resources/bootstrap-5.3.0-alpha3-dist/css/bootstrap.min.css"--%>
    <%--          rel="stylesheet" crossorigin="anonymous"/>--%>
    <%--    <script href="/resources/bootstrap-5.3.0-alpha3-dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>--%>

</head>
<body onload='document.loginForm.login.focus();'>
<h3>Spring Security Custom Login Page</h3>

<div class="container">
    <div class="row">
        <div class="login-box">
            <h3 class="h3h3">Login with Username and Password</h3>

            <c:if test="${not empty error}">
                <div class="error">${error}</div>
            </c:if>
            <c:if test="${not empty msg}">
                <div class="msg">${msg}</div>
            </c:if>
            <form class="form-signin" name='loginForm' action="<c:url value='/login' />" method='POST'>
                <input type="text" name='login' id="inputEmail" class="form-control" placeholder="Login" required
                       autofocus/>
                <input type="password" name='password' id="inputPassword" class="form-control" placeholder="Password"
                       required/>
                <div id="remember" class="checkbox">
                    <label>
                        <input type="checkbox" value="remember-me"> Remember me
                    </label>
                </div>
                <button name="submit" class="btn btn-success" type="submit">Sign in</button>
                <input type="hidden" name="${_csrf.parameterName}" value="${_csrf.token}"/>
            </form>
        </div>
    </div>
</div>
</body>
</html>
