{% extends "layout.html" %}
{%block title %}Connexion{% endblock %}
{% block body %}
<div class="row login">
    <form id = "connection" action="{{ url_for('login') }}" role="form"
          class="form-horizontal" method="post">
      <h4 class="form-control-static col-md-offset-4">Connexion</h4>
      <div class="form-group">
	    <label for="name" class="col-md-4 control-label">Nom :</label>
        <div class="col-md-8">
	      <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-4 control-label">Mot de passe :</label>
        <div class="col-md-8">
	      <input type="password" id="password" class="form-control"
                 name="password" placeholder="Mot de passe"/>
        </div>
      </div>
      {% with messages = get_flashed_messages() %}
      {% if messages %}
      {% for message in messages %}
      <div class="alert alert-danger" role="alert">
        <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true">
        </span>
        {{message}}
      </div>
      {% endfor %}
      {% endif %}
      {% endwith %}
      <div class="form-group">
        <div class="col-md-offset-4 col-md-8">
          <button type="submit" class="btn btn-primary" name="login">
            Se Connecter
          </button>
        </div>
      </div>
      {% if error %}
      <p class=error><strong>Erreur :</strong> {{ error }}</p>{% endif %}
    </form>
</div>
  {% endblock %}