{% extends 'YtManagerApp/master_default.html' %}

{% load static %}
{% load crispy_forms_tags %}

{% block stylesheets %}
    <link rel="stylesheet" href="{% static 'YtManagerApp/css/login.css' %}">
{% endblock %}

{% block body %}

    <div class="login-card mx-auto">

        {% if next %}
            {% if user.is_authenticated %}
                <div class="alert alert-warning" role="alert">
                    Your account doesn't have access to this page. To proceed,
                    please login with an account that has access.
                </div>
            {% else %}
                <div class="alert alert-info" role="alert">
                    Please login or register to see this page.
                </div>
            {% endif %}
        {% endif %}

        <h5>Login</h5>

        <form method="post" action="{% url 'login' %}">
            {% csrf_token %}
            <input type="hidden" name="next" value="{{ next }}"/>

            {{ form | crispy }}

            <div class="form-group">
                <input class="btn btn-primary" type="submit" value="login"/>

                <a class="ml-2" href="{% url 'password_reset' %}">Recover password</a>
            </div>

        </form>
    </div>

{% endblock %}