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

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

<section class="row mx-0">
    <span class="oval-yellow login-shape-left"></span>
    <span class="polygon-pink login-shape-right"></span>
    <div class="form--login is-flex form--register--student">
        <div class="form col-xs-12 col-sm-8 col-md-8 col-lg-9 center-block">
            <h4 class="center-block">Welcome to class: {{ form.access_code }}</h4>
            <h5>Please enter your login details.</h5>
            <form id="form-login-school" method="post" autocomplete="off">

                {% csrf_token %}

                {{ form.non_field_errors }}

                <div class="form__input">
                    {{ form.username }}
                    <small>{{ form.username.help_text }}</small>
                    {{ form.username.errors }}
                </div>

                <div class="form__input">
                    {{ form.password }}
                    <small>{{ form.password.help_text }}</small>
                    {{ form.password.errors }}
                </div>

                <button type="submit" name="school_login" class="button button--primary button--login"
                        onclick="deleteAllLocalStorageWorkspaces();">Log in</button>
            </form>

            <p>Forgotten your login details? Please check with your teacher.</p>
        </div>
    </div>
</section>

{% endblock content %}
