AthrainSky
/
ALB


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839
							<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="https://www.thymeleaf.org">
<head>
    <title>Login</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
</head>
<body>

<section class="vh-100 gradient-custom">
    <div class="container py-5 h-100">
        <div th:if="${param.error}">
            <p style="color:red">Invalid username and password.</p>
        </div>
        <div th:if="${param.logout}">
            <p style="color:red">You have been logged out.</p>
        </div>
        <form th:action="@{/login}" method="post">
            <h2 class="fw-bold mb-2 text-uppercase">Login</h2>
            <p class="text-black-50 mb-5">Please Sign In!</p>
            <div class="form-outline mb-4"><label class="form-label"> User Name : <input type="text" name="username"
                                                                                         class="form-control"/> </label>
            </div>
            <div class="form-outline mb-4"><label class="form-label"> Password: <input type="password" name="password"
                                                                                       class="form-control"/> </label>
            </div>
<!--            <div class="form-outline mb-4"><label class="form-label"> Project:-->
<!--                <select name="proj">-->
<!--                    <option value="">Pilih</option>-->
<!--                    <option th:each="proj: ${proj}" th:value="${proj.id}" th:text="${proj.description}"/>-->
<!--                </select>-->
<!--            </label></div>-->
            <div class="form-outline mb-4"><input type="submit" value="Sign In"/></div>

        </form>
    </div>
</section>
</body>
</html>