{% extends 'admin/standard_layout.html.twig' %}
{% block content %}

    {% if  is_granted('ROLE_ELEVE') %}
        {% for eleve in  app.user.eleveAnneeScolaires   %}
            {% if (eleve.classe and eleve.classe.id and eleve.anneeScolaire.nom == app.request.session.get('_anneeScolaire') ) %}
                <section class="content-header">
                    <h1 style="margin-bottom: 20px;">
                        {{ 'Bonjour'|trans }}    {{ app.user }},
                        <small> {{ 'Classe'|trans }} :  {{ eleve.classe.nomFr }}</small>
                    </h1>
                </section>
            {% endif %}
        {% endfor %}
    {% endif %}

    {% if  is_granted('ROLE_PARENT') %}
        {%  set filsPapa = app.user.filsPapa %}
        {%  set filsMaman = app.user.filsMaman %}
        {%  set filsTuteur = app.user.filsTuteur %}
        <section class="content-header">
        <h1 style="margin-bottom: 10px;">
            {{ 'Bonjour'|trans }} {{ app.user }}
            {% if filsPapa|length %}
                ,
                <br>
                <span >{{'Vous_ete_pere_de'|trans}} {{ filsPapa|length }} {{ 'eleve_dans_ecole'|trans }}</span>
            {% endif %}
            {% if filsMaman|length %}
                ,
                <br>
                <span >{{'Vous_ete_pere_de'|trans}} {{ filsMaman|length }} {{ 'eleve_dans_ecole'|trans }}</span>
            {% endif %}
            {% if filsTuteur|length %}
                ,
                <br>
                <span >{{'Vous_ete_pere_de'|trans}} {{ filsTuteur|length }} {{ 'eleve_dans_ecole'|trans }}</span>
            {% endif %}
        </h1>
            {% if filsPapa|length %}
                {% for fils in  filsPapa   %}
                    {% for eleve in  fils.eleveAnneeScolaires   %}
                    {% if (eleve.classe and eleve.classe.id and eleve.anneeScolaire.nom == app.request.session.get('_anneeScolaire') ) %}
                        <h4 style="margin-bottom: 20px;">
                            - {{ fils }},<small> {{ 'Classe'|trans }} :  {{ eleve.classe.nomFr }}</small>
                        </h4>
                    {% endif %}
                {% endfor %}
            {% endfor %}
            {% endif %}
            {% if filsMaman|length %}
                {% for fils in  filsMaman   %}
                    {% for eleve in  fils.eleveAnneeScolaires   %}
                    {% if (eleve.classe and eleve.classe.id and eleve.anneeScolaire.nom == app.request.session.get('_anneeScolaire') ) %}
                        <h4 style="margin-bottom: 20px;">
                            - {{ fils }},<small> {{ 'Classe'|trans }} :  {{ eleve.classe.nomFr }}</small>
                        </h4>
                    {% endif %}
                {% endfor %}
            {% endfor %}
            {% endif %}
            {% if filsTuteur|length %}
                {% for fils in  filsTuteur   %}
                    {% for eleve in  fils.eleveAnneeScolaires   %}
                    {% if (eleve.classe and eleve.classe.id and eleve.anneeScolaire.nom == app.request.session.get('_anneeScolaire') ) %}
                        <h4 style="margin-bottom: 20px;">
                            - {{ fils }},<small> {{ 'Classe'|trans }} :  {{ eleve.classe.nomFr }}</small>
                        </h4>
                    {% endif %}
                {% endfor %}
            {% endfor %}
            {% endif %}


        </section>
    {% endif %}

    {% if  is_granted('ROLE_ENSEIGNANT') %}
        <section class="content-header">
            <h1 style="margin-bottom: 20px;">
                {{ 'Bonjour'|trans }}   {{ app.user }}, Classes :
                {% for enseignantClasse in  app.user.enseignantClasses   %}
                    {% if (enseignantClasse.classe.id) and enseignantClasse.classe.anneeScolaire.nom == app.request.session.get('_anneeScolaire') %}
                        <small> {{ enseignantClasse.classe.nomFr }} </small>
                    {% endif %}
                {% endfor %}
            </h1>
        </section>
    {% endif %}

    {% if  is_granted('ROLE_SUPER_ADMIN') %}

        <!-- Small boxes (Stat box) -->
        <div class="row">
            <div class="col-lg-3 col-xs-6">

                <!-- start rendering, block.id: 60a58d4eec86e3.22215668 - page.id: no related page - name:  -->

                <!-- small box -->
                <div class="small-box bg-green">
                    <div class="inner">
                        <h3>{{ nbeleve }}</h3>
                        <p>
                            {{ "dash.elv"|trans }}
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div>
                    <a href="{{ path('elevelist_list') }}" class="small-box-footer">
                        {{ "dash.voirplus"|trans }}
                        <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
                    </a>
                </div>

                <!-- end rendering, block.id: 60a58d4eec86e3.22215668 - page.id: no related page  - name:  -->

            </div>
            <div class="col-lg-3 col-xs-6">

                <!-- start rendering, block.id: 60a58d4eec86e3.22215668 - page.id: no related page - name:  -->

                <!-- small box -->
                <div class="small-box bg-red">
                    <div class="inner">
                        <h3>{{ nbparent }}</h3>
                        <p>
                            {{ "dash.parent"|trans }}
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div>
                    <a href="#" class="small-box-footer">
                        &nbsp;
{#                        <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>#}
                    </a>
                </div>

                <!-- end rendering, block.id: 60a58d4eec86e3.22215668 - page.id: no related page  - name:  -->

            </div>
            <div class="col-lg-3 col-xs-6">

                <!-- start rendering, block.id: 60a58d4eec86e3.22215668 - page.id: no related page - name:  -->

                <!-- small box -->
                <div class="small-box bg-yellow">
                    <div class="inner">
                        <h3>{{ nbprof }}</h3>
                        <p>
                            {{ "dash.ens"|trans }}
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div>
                    <a href="{{ path('enseignant_list') }}" class="small-box-footer">
                        {{ "dash.voirplus"|trans }}
                        <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
                    </a>
                </div>

                <!-- end rendering, block.id: 60a58d4eec86e3.22215668 - page.id: no related page  - name:  -->

            </div>
            <div class="col-lg-3 col-xs-6">

                <!-- start rendering, block.id: 60a58d4eec86e3.22215668 - page.id: no related page - name:  -->

                <!-- small box -->
                <div class="small-box bg-aqua">
                    <div class="inner">
                        <h3>{{ nbstaff }}</h3>
                        <p>
                            {{ "dash.staff"|trans }}
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div>
                    <a href="{{ path('staff_list') }}" class="small-box-footer">
                        {{ "dash.voirplus"|trans }} <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>
                    </a>
                </div>

                <!-- end rendering, block.id: 60a58d4eec86e3.22215668 - page.id: no related page  - name:  -->

            </div>
        </div>
        <!-- Small boxes (Stat box) -->
        <div class="row">
            <div class="col-lg-4 col-xs-6">

                <div class="info-box">
                    <span class="info-box-icon bg-red"><i class="fa fa-video-camera"></i></span>

                    <div class="info-box-content">
                        <span class="info-box-text">{{ "dash.coursreal"|trans }}</span>
                        <span class="info-box-number">{{ nbcoursenligne }}</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-xs-6">
                <div class="info-box">
                    <span class="info-box-icon bg-blue"><i class="fa fa-exclamation-triangle"></i></span>
                    <div class="info-box-content">
                        <span class="info-box-text">{{ "dash.tauxabs"|trans }}</span>
                        <span class="info-box-number">{{ (nbeleve ? nbabscence/nbeleve : 0)|number_format(3, '.', ',') }}</span>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-xs-6">
                <div class="info-box">
                    <span class="info-box-icon bg-orange-active"><i class="fa fa-bookmark-o"></i></span>
                    <div class="info-box-content">
                        {% set sum = 0 %}
                        {% for groupmat in groupmatier %}
                            {% for groupeMatiereDetail in groupmat.groupeMatiereDetails %}
                                {% set sum = sum + groupeMatiereDetail.nbrHeurSemaine %}
                            {% endfor %}
                        {% endfor %}
                        <span class="info-box-text">{{ "dash.heureheb"|trans }}</span>
                        <span class="info-box-number">{{ (nbrGroupmatier ? sum/nbrGroupmatier : 0)|number_format(0, '.', ',') }}</span>
                    </div>
                </div>
            </div>
        </div>
    {% endif %}
    {% if not  is_granted('ROLE_DRIVER') %}
        <!-- Main row -->
        <div class="row">
            <!-- Left col -->
{#            {% if  is_granted('ROLE_SUPER_ADMIN') %}#}
                <section class="col-lg-6">
                    <div class="box box-primary">
                        <div class="box-header with-border">
                            <i class="ion ion-clipboard"></i>
                            <h3 class="box-title">{{ "dash.dernann"|trans }}</h3>
                            <div class="box-tools pull-right">
                                <button type="button" class="btn btn-box-tool" data-widget="collapse">
                                    <i class="fa fa-minus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="box-body " id="scroll-area-sm">
                            <ul class="products-list product-list-in-box">
                                {% for post in annonces %}
                                    <li class="item" style="padding: 3px 0 3px 10px">
                                        <div class="">
                                            <a href="{{ path('admin_app_annonce_detailannonce', { 'id': post.id }) }}" class="product-title">
                                                {{ post.subjet }}
                                                {% if (post.createdBy and post.createdBy.fullName ) %}
                                                    <span class="label label-warning pull-right">
                                                        {{ post.createdBy.fullName }}
                                                    </span>
                                                {% endif %}
                                                {% if (post.createdAt ) %}
                                                    <span class="label label-primary pull-right">
                                                        {{ post.createdAt|format_datetime }}
                                                    </span>
                                                {% endif %}
                                            </a>
                                            <span class="product-description">
                                                <i class="fa fa-circle-o text-red"></i> {{ post.message|raw }}
                                            </span>
                                        </div>
                                    </li>
                                {% endfor %}
                            </ul>
                        </div>
                        <div class="box-footer text-center">
                            <a href="{{ path('admin_app_annonce_list') }}" class="uppercase">{{ "dash.voirtousann"|trans }}</a>
                        </div>
                    </div>
                </section>
{#            {% endif %}#}
            <section class="col-lg-6">
                <div class="box box-primary">
                    <div class="box-header">
                        <i class="fa fa-book"></i>
                        <h3 class="box-title">{{ "dash.coursreal"|trans }}</h3>
                        <div class="box-tools pull-right">
                            <button type="button" class="btn btn-box-tool" data-widget="collapse">
                                <i class="fa fa-minus"></i>
                            </button>
                        </div>
                    </div>
                    <div class="box-body" id="scroll-area-sm2">
                        <!-- See dist/js/pages/dashboard.js to activate the todoList plugin -->
                        <ul class="todo-list">
                            {% for postcours in coursenligne %}
                            <li>
                                <a href="{{ path('admin_app_coursenligne_detailcoursenligne', { 'id': postcours.id }) }}">
                                    <span class="text">
                                        <b>{{ postcours.subject }} </b>: {{ postcours.matiere }}
                                    </span>
                                    <!-- Emphasis label -->
                                    <small class="label label-info">
                                        <i class="fa fa-clock-o"></i> {{ postcours.date|time_diff }}
                                    </small>
                                </a>
                                <div class="tools">
                                    {% if postcours.lienZoom %}
                                        <a class="" href="{{ postcours.lienZoom }}" target="_blank">
                                            <small class="label label-success">
                                                via Zoom
                                            </small>
                                        </a>
                                    {% endif %}
                                    {% if postcours.lienGmeet %}
                                        <a href="{{ postcours.lienGmeet }}" target="_blank">
                                            <small class="label label-success">
                                                via Google Meet
                                            </small>
                                        </a>
                                    {% endif %}
                                </div>
                            </li>
                            {% endfor %}

                        </ul>
                    </div>
                    <div class="box-footer text-center">
                        <a href="{{ path('admin_app_coursenligne_list') }}" class="uppercase">{{ "dash.voirtscour"|trans }}</a>
                    </div>
                </div>
            </section>
        </div>
    {% endif %}

    {% if is_granted('ROLE_ADMIN') %}
        <div class="panel panel-default annonces-menu">
            <div class="panel-heading">
                <h4 class="panel-title">
                    {{ "dash.statistiques"|trans }}
                </h4>
            </div>
            <div class="panel-body" style="height: auto">
                <div id="linechart"  ></div>

                <script src="//code.highcharts.com/4.1.8/highcharts.js"></script>
                <script src="//code.highcharts.com/4.1.8/modules/exporting.js"></script>
                <script type="text/javascript">
                    {{ chart(chart) }}
                </script>
            </div>


        </div>

    {% endif %}


{% endblock %}