{% extends '::layout.html.twig' %}
{% block content %}
    {% 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 %}
    <!-- start: DASHBOARD TITLE -->
    <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>
                <span class="mainDescription">Super Admin </span>
            </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 pays-char" aria-hidden="true"></i></span>
                        </div>
                        <div class="values">
                            <strong class="text-dark">{{ pays|length }}</strong>
                            <p class="text-small no-margin">{{ 'dashboard.pays'|trans }}</p>
                        </div>
                    </li>
                    <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-1">
                            <span><i class="fa fa-bar-chart agents-char" aria-hidden="true"></i></span>
                        </div>
                        <div class="values">
                            <strong class="text-dark">{{ agents|length }}</strong>
                            <p class="text-small no-margin">
                                {{ 'dashboard.agents'|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-chart" class="full-width" height="70"></canvas>
            </div>
        </div>
        <!-- end: FEATURED BOX LINKS -->
        <!-- end: FEATURED BOX LINKS -->
        <div class="container margin-top-50">
            <div class="col-md-6">
                <!-- 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.block14'|trans }}</span>
                        </h3>
                    </div>
                    <div class="panel-body">
                        <table class="table table-striped table-hover sample_2">
                            <thead>
                            <tr>
                                <th>Pays</th>
                                <th class="center">Code</th>
                                <th class="center">DG</th>
                                <th class="center">HSEQ</th>
                                <th class="center">Directions</th>
                                <th class="center">Consulter</th>
                            </tr>
                            </thead>
                            <tbody>
                            {% for var in pays %}
                                <tr class="dynamic-pays" data-id="{{ var.id }}"
                                    data-path="{{ path('statistique_pays',{'id':var.id}) }}">
                                    <td>{{ var.pays.nomFrFr }}</td>
                                    <td class="center">{{ var.pays.alpha3 }}</td>
                                    <td class="center">
                                        {% if var.status1 == 1 %}
                                            {{ var.user1 }}
                                        {% else %}
                                            ----------------
                                        {% endif %}
                                    </td>
                                    <td class="center">
                                        {% if var.status2 == 1 %}
                                            {{ var.user2 }}
                                        {% else %}
                                            ----------------
                                        {% endif %}
                                    </td>
                                    <td class="center">{{ var.activites|length }}</td>
                                    <td class="center">
                                        <a target="_blank"
                                           href="{{ path('statistique_par_pays_adminW',{'id':var.id}) }}"><i
                                                    class="fa fa-eye"></i></a>
                                    </td>
                                </tr>
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- end: DYNAMIC TABLE -->
            </div>
            <div class="col-md-6">
                <div class="agent-specifique bg-white">
                    {% if pays is not empty %}
                        {% set p = pays|first %}
                        {{ render(controller('StatistiqueBundle:Word:demandesByPays',{'id':p.id})) }}
                    {% else %}
                        <div class="no-data">
                            <p style="font-weight: 600;font-size: 32px;color: #df0037;text-align: center;">
                                {{ 'dashboard.b28'|trans }}
                                <span class="fa fa-frown-o"></span></p>
                        </div>
                    {% endif %}
                </div>
            </div>
    </section>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {% include "@Statistique/Word/bibliotheque.html.twig" %}
{% endblock %}