{% extends "adminlte/auth/auth-master.html" %}
{% load i18n %}

{% block auth_body %}
    <p class="login-box-msg">{% trans 'Sign in to start your session' %}</p>

    {% if form.non_field_errors %}
        <div class="alert alert-danger" role="alert">
            {% for error in form.non_field_errors %}{{ error }}{% if not forloop.last %}<br>{% endif %}{% endfor %}
        </div>
    {% endif %}

    <form action="" method="post">
        {% csrf_token %}
        {% if next %}<input type="hidden" name="next" value="{{ next }}">{% endif %}

        <div class="input-group mb-3">
            <input type="text" name="{{ form.username.html_name }}" id="{{ form.username.id_for_label }}"
                   value="{{ form.username.value|default:'' }}"
                   class="form-control{% if form.username.errors %} is-invalid{% endif %}"
                   placeholder="{{ form.username.label|default:_('Username') }}" required autofocus>
            <div class="input-group-text"><span class="bi bi-person-fill"></span></div>
            {% for error in form.username.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
        </div>

        <div class="input-group mb-3">
            <input type="password" name="{{ form.password.html_name }}" id="{{ form.password.id_for_label }}"
                   class="form-control{% if form.password.errors %} is-invalid{% endif %}"
                   placeholder="{% trans 'Password' %}" required>
            <div class="input-group-text"><span class="bi bi-lock-fill"></span></div>
            {% for error in form.password.errors %}<div class="invalid-feedback d-block">{{ error }}</div>{% endfor %}
        </div>

        <div class="row">
            <div class="col-8">
                <div class="form-check">
                    <input type="checkbox" name="remember" class="form-check-input" id="remember">
                    <label class="form-check-label" for="remember">{% trans 'Remember Me' %}</label>
                </div>
            </div>
            <div class="col-4">
                <button type="submit" class="btn btn-primary w-100">{% trans 'Sign In' %}</button>
            </div>
        </div>
    </form>

    {% url 'password_reset' as password_reset_url %}
    {% if password_reset_url %}
        <p class="mb-1 mt-3"><a href="{{ password_reset_url }}">{% trans 'I forgot my password' %}</a></p>
    {% endif %}
    {% url 'register' as register_url %}
    {% if register_url %}
        <p class="mb-0"><a href="{{ register_url }}" class="text-center">{% trans 'Register a new membership' %}</a></p>
    {% endif %}
{% endblock %}