{% 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 %}