{% extends "ChakaStatistiquesBundle:base.html.twig" %}

{% block pagetitle %}Statistiques des opérateurs {{ titre }}{% endblock %}

{% block body %}
    <article class="content-block">
        <div class="row">
            <div class="col-md-12">
                <div role="tabpanel">
                    <div class="row">
                        <div class="col-md-4">
                            <ul class="nav nav-pills stats-tab" role="tablist">
                                <li role="presentation" class="active"><a href="#tableau" aria-controls="tableau"
                                                                          role="tab" data-toggle="tab"><span
                                                class="icon-list"></span> Affichage Tableau</a></li>
                                <li role="presentation"><a href="#chart" aria-controls="chart" role="tab"
                                                           data-toggle="tab"><span
                                                class="icon-chart-area"></span> Affichage Charts</a></li>
                            </ul>
                        </div>
                        <div class="col-md-6 text-right">
                            {% include "ChakaStatistiquesBundle:Statistiques:form_stats.html.twig" %}
                        </div>
                        <div class="col-md-2 text-right">
                            {% include "ChakaStatistiquesBundle:Statistiques:form_export.html.twig" %}
                        </div>
                    </div>

                    <!-- Tab panes -->
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="tableau">

                            <table class="table-stat table table-bordered table-striped table-hover text-center"
                                   style="font-size: 12px;">
                                <thead>
                                <tr>
                                    <th rowspan="3">OPERATEUR</th>
                                    <th colspan="5">NOMBRE D'APPELS</th>
                                    <th colspan="2" rowspan="2">TAUX</th>
                                    <th colspan="6" rowspan="2">DUREE MOYENNE</th>
                                </tr>
                                <tr>
                                    <th rowspan="2">TRAITES</th>
                                    <th colspan="3">PRESENTES</th>
                                    <th rowspan="2">SORTANTS</th>
                                </tr>
                                <tr>
                                    <th>GLOBAL</th>
                                    <th>TRAITES</th>
                                    <th>PERDUS</th>
                                    <th>EFFIC</th>
                                    <th>PERF</th>
                                    <th>APPEL</th>
                                    <th>ATTENTE</th>
                                    <th>DIALOGUE</th>
                                    <th>PAUSE</th>
                                    <th>ACW</th>
                                    <th>DMT</th>
                                </tr>
                                </thead>
                                <tbody>
                                {% set nb_app_traites = 0 %}
                                {% set nb_app_presentes = 0 %}
                                {% set nb_app_presentes_traite = 0 %}
                                {% set nb_app_presentes_perdu = 0 %}
                                {% set nb_app_sortant = 0 %}
                                {% for stat in statistiques %}
                                    <tr>
                                        <td>{{ stat.op_nom }}</td>
                                        <td>{{ stat.nb_app_traites }}</td>
                                        <td>{{ stat.nb_app_presentes }}</td>
                                        <td>{{ stat.nb_app_presentes_traite }}</td>
                                        <td>{{ stat.nb_app_presentes_perdu }}</td>
                                        <td>{{ stat.nb_app_sortant }}</td>
                                        <td>{{ stat.taux_effacite|number_format(2,'.',' ') }}</td>
                                        <td>{{ stat.taux_performance|number_format(2,'.',' ') }}</td>
                                        <td>{{ stat.duree_moy_app|number_format(2,'.',' ') }}</td>
                                        <td>{{ stat.duree_moy_att|number_format(2,'.',' ') }}</td>
                                        <td>{{ stat.duree_moy_dia|number_format(2,'.',' ') }}</td>
                                        <td>{{ stat.duree_moy_pau|number_format(2,'.',' ') }}</td>
                                        <td>{{ stat.duree_moy_acw|number_format(2,'.',' ') }}</td>
                                        <td>{{ stat.dmt|number_format(2,'.',' ') }}</td>
                                    </tr>

                                    {% set nb_app_traites = nb_app_traites + stat.nb_app_traites %}
                                    {% set nb_app_presentes = nb_app_presentes + stat.nb_app_presentes %}
                                    {% set nb_app_presentes_traite = nb_app_presentes_traite + stat.nb_app_presentes_traite %}
                                    {% set nb_app_presentes_perdu = nb_app_presentes_perdu + stat.nb_app_presentes_perdu %}
                                    {% set nb_app_sortant = nb_app_sortant + stat.nb_app_sortant %}
                                {% endfor %}
                                </tbody>
                                <tfoot class="text-center">
                                <tr class="bg-primary">
                                    <th>TOTAUX</th>
                                    <th>{{ nb_app_traites }}</th>
                                    <th>{{ nb_app_presentes }}</th>
                                    <th>{{ nb_app_presentes_traite }}</th>
                                    <th>{{ nb_app_presentes_perdu }}</th>
                                    <th>{{ nb_app_sortant }}</th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                    <th></th>
                                </tr>
                                {#<tr class="success">
                                    <th>MOYENNES</th>
                                    <th>{{ moyennes.nb_app_traites|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.nb_app_presentes|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.nb_app_presentes_traite|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.nb_app_presentes_perdu|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.nb_app_sortant|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.taux_effacite|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.taux_performance|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.duree_moy_app|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.duree_moy_att|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.duree_moy_dia|number_format(2,'.',' ') }}</th>
                                    <th>{{ moyennes.duree_moy_pau|number_format(2,'.',' ') }}</th>
                                    <th>&#123;&#35;{{ moyennes.duree_moy_pau|number_format(2,'.',' ') }}&#35;&#125;</th>
                                </tr>#}
                                </tfoot>
                            </table>

                        </div>
                        <div role="tabpanel" class="tab-pane" id="chart">
                            {#{% include "ChakaStatsBundle:Statistiques:charts.html.twig" %}#}
                        </div>
                    </div>

                </div>

            </div>
        </div>
    </article>
{% endblock %}


{% block javascripts %}
    {#{% include "ChakaStatsBundle:Statistiques:charts_js.html.twig" %}#}
    {% include "ChakaStatistiquesBundle:Statistiques:form_stats_scripts.html.twig" %}
{% endblock %}