{% extends 'base.html' %}

{% block title %}Login{% endblock %}

{% block content %}

<form method="post">
    {% csrf_token %}
    <div class="row centered-form">
        <div class="col-xs-12 col-sm-8 col-md-4 col-sm-offset-2 col-md-offset-4">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">Please Login</h3>
                </div>
                <div class="panel-body">
                    <div class="form-group">
                        <div class="input-group">
                            <input name="{{ form.username.name }}" type="text" class="form-control" placeholder="Email address" aria-describedby="email-postfix">
                            <span class="input-group-addon" id="email-postfix">@science.ru.nl</span>
                        </div>
                    </div>

                    <div class="form-group">
                        <input type="password" name="{{ form.password.name }}" class="form-control input-sm" placeholder="Password">
                    </div>
                    <input type="submit" value="Login" class="btn btn-primary btn-block">
                </div>
            </div>
            <div class="text-center">
                Don't have an account? Send an email to <code>&lt;{{ contact_email }}&gt;</code>.<br>
                <a href="{% url 'forgotpassword' %}" >Forgot your password?</a>
            </div>
        </div>
    </div>
</form>
{% endblock %}