{% extends "base.html" %}

{% block title %}
  Connexion
{% endblock title %}

{% block main %}

  <section class="g-Login">
    <header>
      <h1 class="g-Login__Title g-Header__Title">Budget</h1>
    </header>

    <form class="g-Form" action="/login" method="POST">

      {% if error %}
        <div class="g-Form__Error">{{ error }}</div>
      {% endif %}

      <label class="g-Form__Label">
        Email
        <input name="email" class="g-Form__Input" required autofocus />
      </label>

      <label class="g-Form__Label">
        Mot de passe
        <input name="password" type="password" class="g-Form__Input" required />
      </label>

      <div>
        <input class="g-Login__Button g-Button__Validate" type="submit" value="Connexion" />
      </div>

    </form>
  </section>

{% endblock main %}