{% extends "base.html" %}

{% block title %} Login {% endblock %}

{% block titre %} Login {% endblock %}

{% block contenu %}
<div id="zone-de-contenu">
    <form method="POST" action="">
        <div style="width:100%;margin:20px;"> </div>
      <fieldset class="fieldset"><legend style="font-size:25px;">Identifiez-vous</legend>
          {% for message in get_flashed_messages() %}
              <div class="alert" id="alert{{loop.index}}">
              <button type="button" class="close" onclick="javascript:hidealert('alert{{loop.index}}')">&times;</button>
                {{ message }}
            </div>
          {% endfor %}

          <table width=100% class="tablelogin">
              <tr><td>Username : </td><td> <input type="text" name="username" placeholder="Your username" /></td></tr>
              <tr><td>Password: </td><td> <input type="password" name="password"  placeholder="Your password"/></td></tr>
              <tr><td>&nbsp;</td> <td><input id="submit" type="submit" value="&nbsp;OK&nbsp;"></td></tr>
           </table>
      </fieldset>
    </form>
</div>

{% endblock %}