{% extends 'Default/base.html.twig' %}

{% block title %} {{'DAshboardAdminCountry.T9'|trans}} {% endblock %}
{% block breadcrumb1 %}  {{'ADMIN_TABLEAU_DE_BORD.Statistics.T44'|trans}}{% endblock %}
{% block breadcrumb2 %} {{'ADMIN_TABLEAU_DE_BORD.Statistics.T45'|trans}} {% endblock %}

{% block content %}
    <!-- start: SECOND SECTION -->
    <div class="container-fluid container-fullw bg-white">
        <div class="row">
            {%  if app.request.locale == 'ar' %}
                <div class="col-sm-6 col-lg-6 col-sm-12">
                    <div class="panel panel-white no-radius">
                        <div class="panel-body">
                            <div class="partition-light-grey padding-15 text-center margin-bottom-20">
                                <h4 class="no-margin">{{'ADMIN_TABLEAU_DE_BORD.Statistics.T25'|trans}}</h4>
                            </div>
                            <div class="partition-light-grey padding-15 text-center margin-bottom-20 hidden"
                                 id="chartdivmess">
                                <span class="text-light">{{'ADMIN_TABLEAU_DE_BORD.Statistics.T26'|trans}}</span>
                            </div>
                            <div class="text-center hidden">
                                <canvas id="chart3" class="full-width"></canvas>
                            </div>
                            <div class="margin-top-20 text-center legend-xs inline hidden">
                                <div id="chart3Legend" class="chart-legend"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-6 col-sm-12">
                    <div class="panel panel-white no-radius">
                        <div class="panel-body">
                            <div class="partition-light-grey padding-15 text-center margin-bottom-20">
                                <h4 class="no-margin">{{'ADMIN_TABLEAU_DE_BORD.Statistics.T21'|trans}} </h4>
                            </div>
                            <div id="accordion" class="panel-group accordion accordion-white no-margin">
                                {% if pagination is empty %}
                                    <div class="partition-light-grey padding-15 text-center margin-bottom-20 ">
                                        <span class="text-light">{{'ADMIN_TABLEAU_DE_BORD.Statistics.T26'|trans}}</span>
                                    </div>
                                {% endif %}
                                {% for page in pagination %}
                                    <div class="panel no-radius">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a href="#{{ page.getUserPresentielSession().getPresentielSession().getid() }}"
                                                   data-parent="#accordion" data-toggle="collapse"
                                                   class="accordion-toggle padding-15 collapsed"
                                                   idsession=" {{ page.getUserPresentielSession().getPresentielSession().id }}"><i
                                                            class="icon-arrow"></i>
                                                    {{ page.getUserPresentielSession().getPresentielSession().getname() }}
                                                </a>
                                            </h4>
                                        </div>
                                        <div class="panel-collapse collapse"
                                             id="{{ page.getUserPresentielSession().getPresentielSession().getid() }}">
                                            <div class="panel-body no-padding ">
                                                <br>
                                                <canvas id="chart{{ page.getUserPresentielSession().getPresentielSession().getid() }}"
                                                        class="full-width"></canvas>
                                                <div id="chart{{ page.getUserPresentielSession().getPresentielSession().getid() }}Legend"
                                                     class="chart-legend"></div>
                                            </div>
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>

            {% else %}

                <div class="col-sm-6 col-lg-6 col-sm-12">
                    <div class="panel panel-white no-radius">
                        <div class="panel-body">
                            <div class="partition-light-grey padding-15 text-center margin-bottom-20">
                                <h4 class="no-margin">{{'ADMIN_TABLEAU_DE_BORD.Statistics.T21'|trans}} </h4>
                            </div>
                            <div id="accordion" class="panel-group accordion accordion-white no-margin">
                                {% if pagination is empty %}
                                    <div class="partition-light-grey padding-15 text-center margin-bottom-20 ">
                                        <span class="text-light">{{'ADMIN_TABLEAU_DE_BORD.Statistics.T26'|trans}}</span>
                                    </div>
                                {% endif %}
                                {% for page in pagination %}
                                    <div class="panel no-radius">
                                        <div class="panel-heading">
                                            <h4 class="panel-title">
                                                <a href="#{{ page.getUserPresentielSession().getPresentielSession().getid() }}"
                                                   data-parent="#accordion" data-toggle="collapse"
                                                   class="accordion-toggle padding-15 collapsed"
                                                   idsession=" {{ page.getUserPresentielSession().getPresentielSession().id }}"><i
                                                            class="icon-arrow"></i>
                                                    {{ page.getUserPresentielSession().getPresentielSession().getname() }}
                                                </a>
                                            </h4>
                                        </div>
                                        <div class="panel-collapse collapse"
                                             id="{{ page.getUserPresentielSession().getPresentielSession().getid() }}">
                                            <div class="panel-body no-padding ">
                                                <br>
                                                <canvas id="chart{{ page.getUserPresentielSession().getPresentielSession().getid() }}"
                                                        class="full-width"></canvas>
                                                <div id="chart{{ page.getUserPresentielSession().getPresentielSession().getid() }}Legend"
                                                     class="chart-legend"></div>
                                            </div>
                                        </div>
                                    </div>
                                {% endfor %}
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6 col-lg-6 col-sm-12">
                    <div class="panel panel-white no-radius">
                        <div class="panel-body">
                            <div class="partition-light-grey padding-15 text-center margin-bottom-20">
                                <h4 class="no-margin">{{'ADMIN_TABLEAU_DE_BORD.Statistics.T25'|trans}}</h4>
                            </div>
                            <div class="partition-light-grey padding-15 text-center margin-bottom-20 hidden"
                                 id="chartdivmess">
                                <span class="text-light">{{'ADMIN_TABLEAU_DE_BORD.Statistics.T26'|trans}}</span>
                            </div>
                            <div class="text-center hidden">
                                <canvas id="chart3" class="full-width"></canvas>
                            </div>
                            <div class="margin-top-20 text-center legend-xs inline hidden">
                                <div id="chart3Legend" class="chart-legend"></div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

        </div>
    </div>
    <!-- end: SECOND SECTION -->
    <div class="navigation">
        {#        {{ knp_pagination_render(pagination) }}#}
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('components/vendor/Chart.js/chartjs_evaluation.js') }}"></script>
    <script src="{{ asset('assets/total-task/js/plugin/pagination.js') }}"></script>
    <script>
        Index.init();
    </script>

{% endblock %}