{% extends "base_page.html" %}


{% block more_heads %}
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='lib/datatables-1.10.24/css/buttons.dataTables.min.css') }}"/>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='lib/datatables-1.10.24/css/datatables.min.css') }}"/>
{% endblock %}

{% block content %}

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

<table id="table_datatables" class="table table-hover">
  <thead>
  <tr>
    <th scope="col">Nom</th>
    <th scope="col">Projets</th>
    <th scope="col">Charge</th>
    <th scope="col" class="col-1">Éditer</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.num_projects}}</td>
    <td>{{agent.total_charge / 100}}</td>
    <td>{{ commons.edit_link(url_for('main.agent_edit', agent_id=agent.id)) }}
    {{ commons.delete_link( url_for('main.agent_delete', agent_id=agent.id)) }}</td>
  </tr>
  {% endfor %}
  </tbody>
</table>
{% endblock %}


{% block more_scripts %}
{% include 'datatables-includes.html' %}
{% endblock %}