{% extends "index.html" %}
{% block title %}Articles{% endblock %}
      {% block main %}
      <article>
        <h3>Liste des staffers enregistrés</h3>
        <div class='table_header'>
          <div class='border_right' style='width: 40px;'>ID</div>
          <div class='border_right'>Mail</div>
          <div class='border_right'>Nom</div>
          <div class='border_right'>Téléphone</div>
          <div class='border_right'>Régime / Remarques</div>
          <div style='width: 50px;'>Action</div>
        </div>
        {% set row_class = cycler('odd', 'even') %}
        {% for staffer in staffers %}
        <div class='table_row {{ row_class.next() }}'>
          <div class='border_right' style='width: 40px;'>{{ staffer.id }}</div>
          <div class='border_right'>{{ staffer.mail }}</div>
          <div class='border_right'>{{ staffer.name }}</div>
          <div class='border_right'>{{ staffer.phone }}</div>
          <div class='border_right'>{{ staffer.diet }}</div>
          <div style='width: 50px;'>
            <input class='edit' value='' onclick='javascript:document.location="/account/{{ staffer.id }}"' title='Éditer'/>
            <input class='trash' value='' onclick='javascript:delete_account({{ staffer.id }});' title='Supprimer'/>
          </div>
        </div>
        {% endfor %}
      </article>
      {% endblock %}