{% extends 'base.html' %}

{% block title %}Login - Packs{% endblock %}

{% block content %}
<div class="gate-main">
    <div class="gate-card">
        <h1><i class="fas fa-sign-in-alt"></i> Log in</h1>
        <p>Enter your account details to continue.</p>
        {% if form.non_field_errors %}
            {% for error in form.non_field_errors %}<p class="gate-error">{{ error }}</p>{% endfor %}
        {% endif %}
        <form method="post" action="{% url 'profiles:login' %}">
            {% csrf_token %}
            {{ form.as_p }}
            <button type="submit"><i class="fas fa-sign-in-alt"></i> Log in</button>
        </form>
        <p class="gate-card-alt">No account? <a href="{% url 'profiles:register' %}" class="btn btn-sm btn-accent">Register</a></p>
    </div>
</div>
{% endblock %}