{% extends "layout.html" %}
{%block title %}Connexion{% endblock %}
{% block body %}
<div style="margin:10em auto;width:200px">
  <form class="pure-form pure-form-stacked" id = "connection" action="{{ url_for('login') }}" method="post">
    <fieldset>
      <legend>Connexion</legend>
	  <label for="name">Nom : </label>
	  <input type="text" id="name" placeholder="Prénom" name="username" />
	  <label for="password">Mot de passe : </label>
	  <input type="password" id="password" placeholder="Mot de passe" name="password" />
      <br/>
      <button type="submit" class="pure-button pure-button-primary">Se connecter</button>
      {% if error %}<p class=error><strong>Erreur:</strong> {{ error }}</p>{% endif %}
    </fieldset>
  </form>
</div>
  {% endblock %}