<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Register</title>
<link rel="stylesheet" href="./css/login.css" />
</head>
<body>
<div class="register-container">
<h2>Register</h2>
<form id="register-form">
<input
type="text"
class="uname"
id="username"
placeholder="Username"
required
/>
<input
type="password"
class="pass"
id="password"
placeholder="Password"
required
/>
<button type="submit" class="submit-register">Register</button>
</form>
<span class="error_text" style="color: red"></span>
<div class="success_message" style="display: none; color: green">
Registration successful! Redirecting...
</div>
<div class="login-link" style="margin-top: 20px">
Already have an account? <a href="login.html">Log in</a>.
</div>
</div>
<script src="./js/auth.js"></script>
</body>
</html>