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

    {% if  is_granted('ROLE_ELEVE') %}
        {% for eleve in  app.user.eleveAnneeScolaires   %}
            {% if (eleve.classe.id) %}
                <H3>  Bonjour  {{ app.user }}, Classe: {{ eleve.classe.nomFr }}</H3>
            {% endif %}
        {% endfor %}

    {% endif %}
    {% if  is_granted('ROLE_SUPER_ADMIN') %}

        <div class="col-md-12">
            <br>
            <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>
                            Élèves
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div>
                    <a href="{{ path('elevelist_list') }}" class="small-box-footer">
                        Voir plus <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>
                            Parents
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div>
                    <a href="#" class="small-box-footer">
                        <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>
                            Enseignants
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div>
                    <a href="{{ path('enseignant_list') }}" class="small-box-footer">
                        Voir plus <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>
                            Staff
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-users"></i>
                    </div>
                    <a href="{{ path('staff_list') }}" class="small-box-footer">
                        Voir plus <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>


        <div class="col-md-12">
            <br>
            <div class="col-lg-4 col-xs-6">

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

                <!-- small box -->
                <div class="small-box bg-red text-center" style="border-radius: 38px;">
                    <div class="inner">
                        <h3>{{ nbcoursenligne }}</h3>
                        <p>
                            Cours en Ligne Réalisés
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-video-camera"></i>
                    </div>
                    {#                    <a href="{{ path('admin_app_coursenligne_list') }}" class="small-box-footer">#}
                    {#                        Voir plus <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>#}
                    {#                    </a>#}
                </div>


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

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

                <!-- small box -->
                <div class="small-box bg-blue text-center"  style="border-radius: 38px;">
                    <div class="inner">
                        <h3>{{ (nbeleve ? nbabscence/nbeleve : 0)|number_format(3, '.', ',') }}</h3>
                        <p>
                            Taux d’Absentéisme Mensuel
                            <br>
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-exclamation-triangle"></i>
                    </div>
                    {#                    <a href="#" class="small-box-footer">#}
                    {#                        Voir plus <i class="fa fa-arrow-circle-right" aria-hidden="true"></i>#}
                    {#                    </a>#}
                </div>


            </div>
            <div class="col-lg-4 col-xs-6">
                <div class="small-box bg-orange-active text-center"  style="border-radius: 38px;">
                    <div class="inner">
                        {% set sum = 0 %}
                        {% for groupmat in groupmatier %}
                            {% for groupeMatiereDetail in groupmat.groupeMatiereDetails %}
                                {% set sum = sum + groupeMatiereDetail.nbrHeurSemaine %}
                            {% endfor %}
                        {% endfor %}
                        <h3>{{ (nbrGroupmatier ? sum/nbrGroupmatier : 0)|number_format(0, '.', ',') }}</h3>
                        <p>
                            Nombre d’Heures Hebdomadaires Réalisées
                            <br>
                        </p>
                    </div>
                    <div class="icon">
                        <i class="fa fa-bookmark-o"></i>
                    </div>
                </div>
            </div>
        </div>

    {% endif %}

    <div class="panel panel-default annonces-menu">
        <div class="panel-heading">
            <h4 class="panel-title">
                Dernières annonces
            </h4>
        </div>
        <div class="panel-body">
            {% for post in annonces %}
                <div class="list-group">
                    <a class="list-group-item" href="{{ path('admin_app_annonce_detailannonce', { 'id': post.id }) }}">
                        <b>{{ post.subjet }} </b>: {{ post.message }}

                        {% if (post.createdBy and post.createdBy.fullName ) %}
                            <i>(créé par : {{ post.createdBy.fullName }})</i>
                        {% endif %}

                    </a>
                </div>
            {% endfor %}
        </div>


    </div>

    <div class="panel panel-default annonces-menu">
        <div class="panel-heading">
            <h4 class="panel-title">
                Dernières Cours en ligne
            </h4>
        </div>
        <div class="panel-body">
            {% for postcours in coursenligne %}
                <div class="list-group">
                    <a class="list-group-item" href="{{ path('admin_app_coursenligne_detailcoursenligne', { 'id': postcours.id }) }}">
                        <b>{{ postcours.subject }} </b>: {{ postcours.matiere }}

                        {% if postcours.lienZoom %}
                            <a class="btn btn-success" href="{{ postcours.lienZoom }}" target="_blank">Cours en ligne via Zoom</a>
                        {% endif %}
                        {% if postcours.lienGmeet %}
                            <a class="btn btn-success" href="{{ postcours.lienGmeet }}" target="_blank"> Cours en ligne Google Meet</a>
                        {% endif %}



                    </a>
                </div>
            {% endfor %}
        </div>


    </div>


    {#    commenter pour les pilotes#}

    {#    {% if is_granted('ROLE_ADMIN') %}#}
    {#        <div class="panel panel-default annonces-menu">#}
    {#            <div class="panel-heading">#}
    {#                <h4 class="panel-title">#}
    {#                    Statistiques#}
    {#                </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 %}#}

    {#    fin commenter pour les pilotes#}

{% endblock %}