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

{% block form_content %}
    <div id="independent_login_page"></div>
    <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>
{% endblock form_content %}
