<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>Sound Novel -ログイン-</title>
    <link rel="stylesheet" href="/static/css/blue.css">    
</head>

<body>
<main>
    <h1>ログイン</h1>

    {% with messages = get_flashed_messages() %}
    {% if messages %}
    {% for message in messages %}
    <p>{{ message }}</p>
    {% endfor %}
    {% endif %}
    {% endwith %}

    <form method="post">
        <div>
            ユーザー名<br>
            <input type="text" name="username" required>
        </div>
        <div>
            パスワード<br>
            <input type="password" name="password" required>
        </div>
        <div>
            <button type="submit">ログイン</button>
        </div>
    </form>
<br>
    <div>
        <a href="/register">新規登録はこちら</a>
    </div>

</main>
</body>
</html>