{% extends "base_page.html" %}

{% block more_heads %}

<link href="{{ url_for('main.static', filename='css/charges.css', version=config.VERSION) }}" rel="stylesheet" type="text/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,agents</span>

<div id="projects_chart" class="charge_chart"></div>

<table id="charge_table">
  <thead>
  <tr>
  {% for header in charges[0] %}

    <th>{{header}}</th>

  {% endfor %}
  </tr>
  </thead>
  <tbody>
  {% for line in charges[1:] %}
  <tr>

    {% for i in range(line|length) %}
      {%if  'Charge' in charges[0][i]  %}
        <td>{{line[i]}} %</td>
      {%else%}
        <td>{{line[i]}}</td>
      {%endif%}

    {% endfor %}
  </tr>
  {% endfor %}

  </tbody>
</table>

{% endblock %}

{% block more_scripts %}

{% include 'd3js-includes.html' %}

{% include 'charges-includes.html' %}

<script>

  build_chart("#projects_chart",
      "{{url_for('main.charge_agent_csv', agent_id=agent.id)}}",

      "{{agent.secondname}}"+ " {{agent.firstname}}",

      "project");

</script>

{% endblock %}