{% extends "base_page.html" %}
{% block content %}

<!-- Invisible span to definte wich ul and a in the navbar are actived -->
<span id="nav_actived" style="display: none">agent,agents</span>

<table class="table table-hover">
  <thead>
  <tr>
    <th scope="col">Nom</th>
    <th scope="col">Charge</th>
    <th scope="col">Projets</th>
  </tr>
  </thead>
  <tbody>
  {% for agent in agents %}
  <tr>
    <td><a href="{{url_for('main.agent', agent_id=agent.id)}}">
      {{ agent.firstname }}
      {{ agent.secondname }}
    </a></td>
    <td>{{agent.total_charge}} %</td>
    <td>{{agent.num_projects}}</td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}