{% extends "layout.html" %}
{%block title %}Connexion{% endblock %}
{% block body %}
<div class="row login">
  <div class="col-md-offset-4 col-md-6">
    <form id = "connection" action="{{ url_for('login') }}" role="form"
          class="form-horizontal" method="post">
      <h4>Connexion</h4>
      <div class="form-group">
	    <label for="name" class="col-md-2">Nom : </label>
        <div class="col-md-4">
	      <input type="text" id="name" class="form-control"
                 name="username" placeholder="Prénom"/>
        </div>
      </div>
      <div class="form-group">
	    <label for="password" class="col-md-2">Mot de passe : </label>
        <div class="col-md-4">
	      <input type="password" id="password" class="form-control"
                 name="password" placeholder="Mot de passe"/>
        </div>
      </div>
      <div class="col-md-offset-2">
        <button type="submit" class="btn btn-primary" name="login">
          Se Connecter
        </button>
      </div>
      {% if error %}
      <p class=error><strong>Erreur:</strong> {{ error }}</p>{% endif %}
    </form>
  </div>
</div>
  {% endblock %}