<!DOCTYPE html>
<html>

<head>
    <title>burgercat</title>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" type="text/css" href="/static/css/style.css" />
</head>

<body>
    <form class="accountform" method="post">
        <br>
        <a href="/">back</a>
        <br><br>
        <h1>Log in to burgercat</h1>
        {% with messages = get_flashed_messages() %}
            {% if messages %}
                {% for message in messages %}
                    <p class="flash">{{ message }}</p>
            {% endfor %}
        {% endif %}
        {% endwith %}
        <input name="username" type="text" placeholder="Username" required>
        <br><br>
        <input name="password" type="password" placeholder="Password" required>
        <br>
        <br>
        <button type="submit">Log in</button>
        <br><br>
        Don't have an account? <a href="/signup">Sign up!</a>
    </form>
</body>
</html>