{% extends base_template %}
{% load i18n widget_tweaks templates %}

{% block content %}
<h1>{% translate "Please Log in" %}</h1>
<form method="post" {% if form_action %}action="{{ form_action }}"{% endif %}>
    {% csrf_token %}

<div class="form-table">
    {% if form.username %}
    <label for="{{ form.username.id_for_label }}" class="form-label">{{ form.username.label }}:</label>
    {% render_field form.username class="form-input" %}
    {% endif %}
    {% if form.email %}
    <label for="{{ form.email.id_for_label }}" class="form-label">{{ form.email.label }}:</label>
    {% render_field form.email class="form-input" %}
    {% endif %}
    {% if form.password %}
    <label for="{{ form.password.id_for_label }}" class="form-label">{{ form.password.label }}:</label>
    {% render_field form.password style="width:100%;" class="form-input" %}
    {% endif %}
</div>
<div style="margin-top: 0.5rem; text-align: center;">
    <button class="button button-primary">{% translate "Log in" %}</button>
</div>
{% if password_reset_url %}
<div style="marign-top: .5rem; text-align: center;">
    <a href="{{ password_reset_url }}">{% translate "Forgot your password?" %}</a>
</div>
{% endif %}
</form>
{% endblock content %}