{% extends "base.html" %}
{% load bootstrap %}

{% block content %}
<div id="main-login-container" class="container">
    <div class="row row-centered">
    <div class="col-xs-10 col-sm-8 col-md-5 col-centered">
        <header>
            <div class="banner">
                <h1>GestioCOF &ndash; Connexion</h1>
            </div>
        </header>
        <div id="main-login" class="login_block">
            {% if form.errors %}
            <p class="error">Identifiants incorrects.</p>
            {% endif %} 
            <form class="form-horizontal" method="post"
                action="{% url 'ext_login_view' %}?next={{ next|urlencode }}">
            {% csrf_token %}
            <div class="form-group">
                <input class="form-control" id="id_username" maxlength="254" name="username" type="text" placeholder="Nom d'utilisateur">
            </div>
            <div class="form-group">
                <input class="form-control" id="id_password" name="password" type="password" placeholder="Mot de passe">
            </div>
            <div class="form-actions">
                <input type="submit" name="submit" class="btn btn-primary " value="Se Connecter" />
                <input type="hidden" name="next" value="{{ next }}" />
            </div>
            </form>
        </div>
    </div>
    </div><!-- /.row -->
</div>

{% endblock %}