{% if demandes is not empty %}
    {% set total = demandes|length %}
    {% set rejete = rejeter|length / total *100 %}
    {% set clouture = cloturer|length / total *100 %}
    {% set menace = menacer|length / total *100 %}
    {% set encour =  total - (rejeter|length + cloturer|length + menacer|length) %}
    {% set encours = 100- (rejete+clouture+menace) %}
{% else %}
    {% set rejete = 0 %}
    {% set clouture = 0 %}
    {% set menace = 0 %}
    {% set encour = 0 %}
    {% set encours = 0 %}
{% endif %}
<section id="page-title" class="padding-top-15 padding-bottom-15">
    <div class="row">
        <div class="col-sm-7">
            <p class="titleDashboard">{{ 'dashboard.title'|trans }}</p>
            {% if app.user.roles[0] == 'ROLE_DG' %}
                <span class="mainDescription">{{ 'dashboard.responsable1'|trans }} {{ pays }}</span>
            {% elseif app.user.roles[0] == 'ROLE_HSEQ' %}
                <span class="mainDescription">{{ 'dashboard.responsable2'|trans }} {{ pays }}</span>
            {% endif %}
        </div>
        <div class="col-sm-5">
            <!-- start: MINI STATS WITH SPARKLINE -->
            <ul class="mini-stats pull-right">
                <li>
                    <div class="sparkline-1">
                        <span><i class="fa fa-bar-chart directions-char" aria-hidden="true"></i></span>
                    </div>
                    <div class="values">
                        <strong class="text-dark">{{ directions|length }}</strong>
                        <p class="text-small no-margin">{{ 'dashboard.directions'|trans }}</p>
                    </div>
                </li>
                <li>
                    <div class="sparkline-2">
                        <span><i class="fa fa-bar-chart demandes-char" aria-hidden="true"></i></span>
                    </div>
                    <div class="values">
                        <strong class="text-dark">{{ demandes|length }}</strong>
                        <p class="text-small no-margin">{{ 'dashboard.demandes'|trans }}</p>
                    </div>
                </li>
            </ul>
            <!-- end: MINI STATS WITH SPARKLINE -->
        </div>
    </div>
    <!-- end: DASHBOARD TITLE -->
    <!-- start: FEATURED BOX LINKS -->
    <div class="container div-statique-1">
        <div class="">
            <div class="col-sm-12 col-md-3">
                <div class="panel panel-white no-radius text-center">
                    <div class="panel-body">
                        <span class="progress-left"><span class="progress-bar"></span></span>
                        <div class="progress-circle progress-{{ encours|round }}-encour">
                            <span class="count">{{ encours|round }}</span></div>
                        <h2 class="StepTitle">{{ 'dashboard.encours'|trans }}</h2>
                        <nav id="cl-effect-14" class="links cl-effect-14">
                            <a href="">{{ encour }}</a>
                        </nav>

                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-3">
                <div class="panel panel-white no-radius text-center">
                    <div class="panel-body">
                        <div class="progress-circle progress-{{ rejete|round }}-rejeter">
                            <span class="count">{{ rejete|round}}</span></div>
                        <h2 class="StepTitle">{{ 'dashboard.rejete'|trans }}</h2>
                        <nav id="cl-effect-14a" class="links cl-effect-14a">
                            <a href="">{{ rejeter|length }}</a>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-3">
                <div class="panel panel-white no-radius text-center">
                    <div class="panel-body">
                        <div class="progress-circle progress-{{ clouture|round }}-cloturer">
                            <span class="count">{{ clouture|round }}</span></div>
                        <h2 class="StepTitle">{{ 'dashboard.cloture'|trans }}</h2>
                        <nav id="cl-effect-14b" class="links cl-effect-14b">
                            <a href="">{{ cloturer|length }}</a>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="col-sm-12 col-md-3">
                <div class="panel panel-white no-radius text-center">
                    <div class="panel-body">
                        <div class="progress-circle progress-{{ menace|round }}-menacer">
                            <span class="count">{{ menace|round }}</span></div>
                        <h2 class="StepTitle">{{ 'dashboard.menace'|trans }}</h2>
                        <nav id="cl-effect-14c" class="links cl-effect-14c">
                            <a href="">{{ menacer|length }}</a>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div style="margin:30px;">
        <div class="col-sm-12 dashboard-block white-block">
            <canvas id="line-chart2" class="full-width" height="70"></canvas>
        </div>
    </div>
    <!-- end: FEATURED BOX LINKS -->
    <div class="container margin-top-50">
        <div class="col-md-6">
            <!-- start: DYNAMIC TABLE -->
            <!-- start: DYNAMIC TABLE -->
            <div class="panel panel-white no-radius">
                <div class="panel-heading border-bottom">
                    <h3 class="over-title">
                        {{ 'dashboard.block11'|trans }} <span class="text-bold" style="color:#df0037">{{ 'dashboard.block13'|trans }}</span>
                    </h3>
                </div>
                <div class="panel-body">
                    <table class="table table-striped table-hover sample_2">
                        <thead>
                        <tr>
                            <th>{{ 'dashboard.block13'|trans }}</th>
                            <th class="center">{{ 'dashboard.b14'|trans }}</th>
                            <th class="center">{{ 'dashboard.agents'|trans }}</th>
                            <th class="center">{{ 'dashboard.b15'|trans }}</th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for direction in directions %}
                            <tr class="dynamic-direction" data-id="{{ direction.id }}"
                                data-path="{{ path('statistique_direction',{'id':direction.id}) }}">
                                <td>{{ direction.nom }}</td>
                                <td class="center">
                                    {% if direction.status == 1 %}
                                        {{ direction.chef }}
                                    {% else %}
                                        -------------
                                    {% endif %}
                                </td>
                                <td class="center">
                                    {% if direction.status == 1 %}
                                        {{ direction.users|length -1 }}
                                    {% else %}
                                        -------------
                                    {% endif %}
                                </td>
                                <td class="center">
                                    {% if direction.status == 1 %}
                                        {% if app.user.roles[0] == 'ROLE_DG' %}
                                            <a target="_blank"
                                               href="{{ path('statistique_par_direction_adminP',{'id':direction.id}) }}"><i
                                                        class="fa fa-eye"></i></a>
                                        {% elseif app.user.roles[0] == 'ROLE_HSEQ' %}
                                            <a target="_blank"
                                               href="{{ path('statistique_par_direction_adminHSEQ',{'id':direction.id}) }}"><i
                                                        class="fa fa-eye"></i></a>
                                        {% elseif app.user.roles[0] == 'ROLE_SUPER_ADMIN' %}
                                            <a target="_blank"
                                               href="{{ path('statistique_par_direction_adminW',{'id':direction.id}) }}"><i
                                                        class="fa fa-eye"></i></a>
                                        {% endif %}
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% if app.user.roles[0] == 'ROLE_DG' %}
                    <div class="panel-heading border-bottom">
                        <h3 class="over-title margin-bottom-15 margin-top-50">
                            {{ 'dashboard.block31'|trans }}<span class="text-bold"
                                                                 style="color:#df0037"> {{ 'dashboard.block33'|trans }}</span>
                        </h3>
                    </div>
                    <div class="panel-body">
                        <div class="col-sm-12">
                            <div class="text-center margin-bottom-15">
                                <canvas id="bar-chart-horizontal" class="full-width" height="70"></canvas>
                            </div>
                        </div>
                    </div>
                {% elseif app.user.roles[0] == 'ROLE_HSEQ' %}
                    <div class="panel-heading border-bottom">
                        <h3 class="over-title margin-bottom-15 margin-top-50">{{ 'dashboard.block31'|trans }}<span
                                    class="text-bold" style="color:#df0037"> {{ 'dashboard.block34'|trans }}</span></h3>
                    </div>
                    <div class="panel-body">
                        <div class="col-sm-12">
                            <div class="text-center margin-bottom-15">
                                <canvas id="bar-chart-horizontal" class="full-width" height="70"></canvas>
                            </div>
                        </div>
                    </div>
                {% else %}
                    <div class="panel-heading border-bottom">
                        <h3 class="over-title margin-bottom-15 margin-top-30">{{ 'dashboard.block31'|trans }}<span
                                    class="text-bold"> {{ 'dashboard.block33'|trans }}</span></h3>
                    </div>
                    <div class="panel-body">
                        <div class="col-sm-12">
                            <div class="text-center margin-bottom-15">
                                <canvas id="bar-chart-horizontal1" class="full-width" height="70"></canvas>
                            </div>
                        </div>
                    </div>
                    <div class="panel-heading border-bottom">
                        <h3 class="over-title margin-bottom-15 margin-top-30">{{ 'dashboard.block31'|trans }}<span
                                    class="text-bold"> {{ 'dashboard.block34'|trans }}</span></h3>
                    </div>
                    <div class="panel-body">
                        <div class="col-sm-12">
                            <div class="text-center margin-bottom-15">
                                <canvas id="bar-chart-horizontal2" class="full-width" height="70"></canvas>
                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>
        </div>
        <!-- end: DYNAMIC TABLE -->
        <div class="col-md-6">
            <div class="agent-specifique bg-white">
                {% if directions is not empty %}
                    {% set d = directions|first %}
                    {{ render(controller('StatistiqueBundle:Pays:demandesByDirection',{'id':d.id})) }}
                {% else %}
                    <div class="no-data-description">
                        {{ 'dashboard.b27'|trans }} <span class="fa fa-frown-o"></span>
                    </div>
                {% endif %}
            </div>
        </div>
    </div>
</section>

{% include "@Statistique/Pays/bibliotheque.html.twig" %}