diff --git a/views/login.ejs b/views/login.ejs
index 316c438eb5cff79331fee952bcc5a348df74a7cf..7ef3e0a38cd686c2a82aacfb0587dd9f257feebd 100644
--- a/views/login.ejs
+++ b/views/login.ejs
@@ -10,7 +10,8 @@
<body class="flex items-center justify-center h-screen bg-gray-100">
<div class="bg-white p-6 rounded-lg shadow-md w-80">
- <h2 class="text-2xl font-bold text-center mb-4">เข้าสู่ระบบ</h2>
+ <h2 class="text-2xl font-bold text-center mb-2">ยินดีต้อนรับสู่ระบบ</h2>
+ <p class="text-center text-gray-600 mb-4">ระบบยืม-คืนอุปกรณ์สำนักงาน</p>
<form action="/login" method="POST">
<input type="text" name="username" placeholder="Username" required class="border p-2 rounded w-full mb-2">
<input type="password" name="password" placeholder="Password" required
diff --git a/views/register.ejs b/views/register.ejs
index e8e0f3f9ab43612f70d061f3dc0aa1c48daa389c..f3d98e0951bc01063a2022c8ca61935192116cf3 100644
--- a/views/register.ejs
+++ b/views/register.ejs
@@ -1,29 +1,54 @@
<!DOCTYPE html>
-<html lang="en">
+<html lang="th">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>สมัครสมาชิก</title>
<script src="https://cdn.tailwindcss.com"></script>
+ <script>
+ function validateForm() {
+ const password = document.getElementById('password').value;
+ const confirmPassword = document.getElementById('confirm-password').value;
+
+ if (password !== confirmPassword) {
+ alert("รหัสผ่านและการยืนยันรหัสผ่านไม่ตรงกัน");
+ return false;
+ }
+ return true;
+ }
+ </script>
</head>
<body class="flex items-center justify-center min-h-screen bg-gray-100">
<div class="bg-white p-8 rounded-lg shadow-md w-96">
- <h2 class="text-2xl font-bold mb-4 text-center">สมัครสมาชิก</h2>
- <form action="/register" method="POST">
+ <h2 class="text-2xl font-bold mb-2 text-center">สมัครสมาชิก</h2>
+ <p class="text-center text-gray-600 mb-4">สร้างบัญชีเพื่อใช้งานระบบยืม-คืนอุปกรณ์สำนักงาน</p>
+
+ <form action="/register" method="POST" onsubmit="return validateForm()">
<div class="mb-4">
<label class="block font-semibold">ชื่อผู้ใช้</label>
- <input type="text" name="username" required class="border p-2 w-full rounded">
+ <input type="text" name="username" required class="border p-2 w-full rounded"
+ placeholder="กรอกชื่อผู้ใช้">
</div>
+
<div class="mb-4">
<label class="block font-semibold">รหัสผ่าน</label>
- <input type="password" name="password" required class="border p-2 w-full rounded">
+ <input type="password" name="password" id="password" required class="border p-2 w-full rounded"
+ placeholder="รหัสผ่านอย่างน้อย 6 ตัว">
+ </div>
+
+ <div class="mb-4">
+ <label class="block font-semibold">ยืนยันรหัสผ่าน</label>
+ <input type="password" id="confirm-password" required class="border p-2 w-full rounded"
+ placeholder="ยืนยันรหัสผ่าน">
</div>
+
<button type="submit" class="w-full bg-blue-500 text-white py-2 rounded hover:bg-blue-600">
สมัครสมาชิก
</button>
</form>
+
<p class="text-center text-sm text-gray-600 mt-4">
มีบัญชีอยู่แล้ว? <a href="/login" class="text-blue-500">เข้าสู่ระบบ</a>
</p>