{% extends "layout.html" %}
{% block body %}
<div class="container">
    <div class="row">
        <div class="col-md-5 mx-md-auto pt-5">
            <h1>Login</h1>
            <form method="POST" action="{{ url_for('login', next=request.args.get('next')) }}">
                <div class="form-group">
                    <label for="email">Email address</label>
                    <input type="email" class="form-control" name="email" placeholder="Email">
                </div>
                <div class="form-group">
                    <label for="pass">Password</label>
                    <input type="password" class="form-control" name="pass" placeholder="Password">
                </div>
                <div class="form-group mt-5">
                    <input type="hidden" id="csrf_token" name="csrf_token" value="{{ csrf_token() }}">
                    <input type="submit" value="Login" class="btn btn-primary btn-block">
                </div>
            </form>

            {% if error == "1" %}
            <p class="text-danger">Incorrect email address or password.<br />Please try again.</p>
            {% endif %}

            {% if current_user.is_authenticated %}
            <div class="form-group">
                <a class="btn btn-danger" href="{{ url_for('logout') }}">Logout</a>
            </div>
            {% else %}
            <div class="mt-3">
                <p>Dont have an account? <a href="{{ url_for('register') }}">Sign up here</a></p>
            </div>
            {% endif %}

        </div>
    </div>
</div>
{% endblock %}