{% if heuresAgent|length == 0 %}
    {% include 'app/noResult.html.twig' %}
{% else %}
    {% set i = 1 %}
    <div style="overflow: auto;">
        <table style="width: 100%;" class="table striped bordered hovered" id="agents">
            <thead>
                <tr>
                    <th style="width:30%">Agent</th>
                    <th>Annee</th>
                    <th>Mois</th>
                    <th>Total</th>
                    <th></th>
                </tr>
            </thead>
            <tbody id="listAgents">
                {% for heureAgent in heuresAgent %}
                    {% set color = "white" %}
                    {% if heureAgent.total > 655214 %}
                        {% set color = "#0CDF26" %}
                    {% elseif heureAgent.total > 600600 %}
                        {% set color = "#8DEE99" %}
                    {% elseif heureAgent.total > 546000 %}
                        {% set color = "white" %}
                    {% elseif heureAgent.total > 496400 %}
                        {% set color = "#FFB3B3" %}
                    {% else %}
                        {% set color = "#E93131" %}
                    {% endif %}
                    <tr style="background:{{ i % 2 == 1 ? '#FFFFFF' : '#EEEEEE' }}">
                        <td>{{ heureAgent.agent }}</td>
                        <td>{{ heureAgent.annee }}</td>
                        <td>{{ heureAgent.mois }}</td>
                        {% set total = heureAgent.total / 3600 %}
                        <td style="background-color:{{ color }}">
                            {{ total|round(2) }}
                            h
                        </td>
                        <td>
                            <a href="{{ path('app_pointage_reporting_detail',{'id':heureAgent.id})}}">
                                <button class="btn btn-info btn-lg btn-block">
                                    <i class="fa fa-eye fa-xl"></i>
                                    <span>Détail</span>
                                </button>
                            </a>
                        </td>
                    </tr>
                    {% set i = i + 1 %}
                {% endfor %}
            </tbody>
        </table>
    </div>
{% endif %}