<!DOCTYPE html>
<html>
<head>
    <title>Login</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">Login</h3>

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

            <form method="POST" action="/login">
                <div class="mb-3">
                    <input class="form-control" name="username" placeholder="Benutzername" required>
                </div>

                <div class="mb-3">
                    <input class="form-control" type="password" name="password" placeholder="Passwort" required>
                </div>

                <button class="btn btn-primary w-100">Login</button>
            </form>
        </div>
    </div>
</div>

</body>
</html>

