{% extends 'portal/base.html' %}
{% load staticfiles %}
{% load app_tags %}

{% block content %}
<div id="independent_login_page"></div>

<section class="row mx-0">
    <span class="oval-pink login-shape-left"></span>
    <span class="polygon-blue login-shape-right"></span>
    <div class="form--login is-flex form--register--indep-student">
        <div class="form col-xs-12 col-sm-8 col-md-8 col-lg-9 center-block">
            <h4 class="center-block">Log in as an independent student</h4>
            <form id="independent_student_login_form" method="post" autocomplete="off">

                {% csrf_token %}

                {{ form.non_field_errors }}

                <label for="id_{{ form.username.html_name }}">{{ form.username.label }}</label>
                {{ form.username }}
                {{ form.username.errors }}

                <label for="id_{{ form.password.html_name }}">{{ form.password.label }}</label>
                {{ form.password }}
                {{ form.password.errors }}

                {{ form.captcha }}

                <button type="submit" name="independent_student_login" class="button button--home button--login">Log in</button>
            </form>

            <p><strong>Forgotten your password?</strong></p>
            <p>Don't worry, you can
                <a id="student_forgotten_password_button" href="{% url 'student_password_reset' %}">reset your password</a>.
            </p>
            <p>Part of a school or club? <a href="{% url 'student_login_access_code' %}">Log in here</a>.</p>
        </div>
    </div>
</section>

{% endblock content %}
