{% extends "base.html" %}

{% block content %}
    <div class="container w-25 p-3 align-middle" style="margin: auto">
    <form action="/login" method="post" style="display: inline">
    <div class="form-group">
        <label for="email">Email</label>
        <input class="form-control" name="email" id="email" type="email" placeholder="Email">
    </div>
    <div class="form-group">
        <label for="password">Password</label>
        <input class="form-control" name="password" id="password" type="password" placeholder="Password">
    </div>
    <button type="submit" class="btn btn-primary">Login</button>
    </form>
    <div>
        <a href="{{ auth_url }}">
            <img src="/static/images/btn_google_signin_dark_normal_web.png" alt="Sign in with Google">
        </a>
    </div>
    {% with messages = get_flashed_messages() %}
        {% if messages %}
        <div class="alert alert-danger" role="alert" style="margin-top: 10px">
        {{ messages[0] }}
        </div>
        {% endif %}
    {% endwith %}
    </div>
{% endblock %}