<!doctype html>
<html lang="en" data-bs-theme="auto">
<head>
<script src="/js/color-modes.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
<meta name="generator" content="Hugo 0.122.0">
<title>Signin</title>
<link href="/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
<!-- Favicons -->
<link rel="icon" href="/docs/5.3/assets/img/favicons/favicon.ico">
<meta name="theme-color" content="#712cf9">
<style>
.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
user-select: none;
}
/* ปรับแต่งปุ่มและพื้นหลัง */
.btn-bd-primary {
--bs-btn-bg: #712cf9;
--bs-btn-hover-bg: #6528e0;
}
/* ฟอร์มตรงกลาง */
.form-signin {
width: 100%;
max-width: 400px;
padding: 15px;
margin: auto;
}
.form-signin .form-floating {
margin-bottom: 1rem;
}
.form-signin .form-check {
margin-bottom: 1rem;
}
/* เพิ่มการจัดตำแหน่งข้อความ */
.form-signin h1 {
font-size: 2rem;
font-weight: bold;
margin-bottom: 1.5rem;
}
/* ปรับพื้นหลังให้เข้ากับธีม */
.bg-body-tertiary {
background-color: #f8f9fa;
}
</style>
</head>
<body class="d-flex align-items-center py-4 bg-body-tertiary">
<main class="form-signin w-100 m-auto">
<form action="/user/login" method="POST">
<!-- แสดงข้อความผิดพลาด -->
<% if (message && message.length > 0) { %>
<div class="alert alert-danger" role="alert">
<%= message %>
</div>
<% } %>
<h1 class="h3 mb-3 fw-normal">Sign in</h1>
<div class="form-floating">
<label for="floatingInput">Email address</label>
<input type="email" class="form-control" id="floatingInput" name="email" placeholder="name@example.com" required>
</div>
<div class="form-floating">
<label for="floatingPassword">Password</label>
<input type="password" class="form-control" id="floatingPassword" name="rpassword" placeholder="Password" required>
</div>
<div class="form-check text-start my-3">
<input class="form-check-input" type="checkbox" value="remember-me" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
Remember me
</label>
</div>
<button class="btn btn-primary w-100 py-2" type="submit">Sign in</button>
</form>
</main>
<script src="/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
</body>
</html>