{% extends "closedverse_main/layout.html" %}
{% load static %}{% block main-body %}
<div class="main-column center">
    <div class="post-list-outline login-page">
        <form method="post">
			<img src="{{ brand_logo }}">
			<p class="lh">Log In</p>
			<p>Sign in to access {{ brand_name }}</p>
			<div class="login-box">
    			<h3 class='label'>{{ form.username }}</h3>
				<h3 class='label'>{{ form.password }}</h3>
    		</div>
			{% csrf_token %}

			<p class="red" style="margin-bottom:6px">
				{% for field, errors in form.errors.items %}
					{% for error in errors %}
						{{ error }}<br>
					{% endfor %}
				{% endfor %}
			</p>

			<button type="submit" class="button">Sign In</button>
			<div class="ll">
				{% if allow_signups %}
				<p>If you don't have an account, <a href="{% url "main:signup" %}"><b>sign up</b> here.</a></p>
				{% else %}
			    <p>Signing up is disabled for now, check back later.</p>
				{% endif %}
				{% if reset_supported %}
				<p>If you forgot your password, <a href="{% url "main:forgot-passwd" %}"><b>reset</b> it here.</a></p>
				{% endif %}
				<br><p>If you need help with logging in, see the <a href="{% url "main:help-login" %}"><b>login help</b></a> page.</p>
			</div>
		</form>
	</div>
</div>
{% endblock %}