<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/registerStyle.css">
    <title>Register</title>
</head>

<body>

    <div class="login--container">
        <% if (typeof message != "undefined") { %>
        <br>
        <div class="alert"><%= message %></div>
        <% } %>

        <form action="/auth/register" method="post" class="login--form">
            <input type="text" name="username" placeholder="Username"><br>
            <input type="email" name="email" placeholder="Email" autocomplete="off"><br>
            <input type="password" name="password" placeholder="Password" autocomplete="off"><br>
            <input type="password" name="passwordConfirm" placeholder="Confirm Password" autocomplete="off"><br>

            <button type="submit">Register</button>
        </form>
        <div class="login--info">Already having an account? Click <a href="/login">here</a> to login</div>


    </div>

</body>

</html>