<!DOCTYPE html>
<html>
<head>
    <title>Registrieren</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
</head>
<body class="bg-light">

<div class="container mt-5">
    <%- include("partials/flash") %>
    <div class="card mx-auto shadow" style="max-width: 400px;">
        <div class="card-body">
            <h3 class="text-center mb-3">Registrierung</h3>

            <% if (error) { %>
                <div class="alert alert-danger"><%= error %></div>
            <% } %>

            <form method="POST" action="/register">
                <input class="form-control mb-3" name="username" placeholder="Benutzername" required>
                <input class="form-control mb-3" type="password" name="password" placeholder="Passwort" required>
                <button class="btn btn-success w-100">Registrieren</button>
            </form>

            <div class="text-center mt-3">
                <a href="/">Zurück zum Login</a>
            </div>
        </div>
    </div>
</div>

</body>
</html>
