<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Login</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/plugins/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/pages/login.css') }}">
</head>
<body>
<div class="container auth-main">
    <div class="card">
        <div class="card-body">
            <h2 class="text-center pb-5">Login</h2>
            <form action="{{ url_for('auth.login') }}" method="post">
                {{ form.hidden_tag() }}
                <div class="form-floating mb-3">
                    <input class="form-control" type="text" id="username" name="username" placeholder="Username"
                           required>
                    <label for="floatingInput">Username</label>
                </div>
                <div class="form-floating mb-3">
                    <input class="form-control" type="password" id="password" name="password" placeholder="Password"
                           required>
                    <label for="floatingInput">Password</label>
                </div>
                <button type="submit">Login</button>
                {% for message in get_flashed_messages() %}
                    <div class="alert">{{ message }}</div>
                {% endfor %}
                {% block content %}{% endblock %}
            </form>
        </div>
    </div>

</div>
</body>
</html>
