{% extends 'president/pr_base.html' %}
{% load static %}
{% block content %}
<section class="content">
    <div class="container-fluid">
        <!-- Small boxes (Stat box)-->
       <!-- {% include "president/parts/stats.html" %} -->
        <div class="container">

            <div style="text-align:center;">
                <h2> ANNEE: <span style="color:red">{{anUniv}}</span> </h2>
            </div>
            <div class="card">
                <div class="card-header text-white" style="background: #21618C">
                    MENU
                </div>
                <div class="card-body">
                    <form method="post" action="#">
                        {% csrf_token %}
                    <div class="row">
                        <div class="col-md-2">
                            <select class="form-control" name="annee">
                                {% for an in annees %}
                                <option value="{{an.id}}">{{an}}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-2" hidden>
                            <select class="form-control" name="niveau" >
                                {% for niv in niveaux %}
                                <option value="{{niv.id}}">{{niv}}</option>
                                {% endfor %}
                            </select>
                            <input type="text" value="1" name="semestre" hidden>
                        </div>
                        <div class="col-md-2">
                            <button type="submit" name="AnneeFilter" class='btn btn-primary'><i class="fa fa-filter"></i></button>
                        </div>
                    </div>
                    </form>
                </div>
            </div>

            <div class="row"><!-- .row -->
                <!-- ./col -->
                <div class="col-lg-4">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-university"></i> ETABLISSEMENT <span style="float:right;color:#A93226">{{ufrs|length}}</span></h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="{% url 'EspaceEnseignant:vice_president_usp' %}" class="small-box-footer">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>

                <div class="col-lg-4">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-users"></i> ENSEIGNANTS <span style="float:right;color:#A93226">{{TotalEnseignant}}</span></h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="#" class="small-box-footer" data-toggle="modal" data-target="#detailEns">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                         {% include 'president/pr_modal_detail_enseignant.html' %}
                    </div>
                </div>

                <div class="col-lg-4">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-graduation-cap"></i> APPRENANTS <span style="float:right;color:#A93226">{{TotalEtudiant}}</span></h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="#" class="small-box-footer" data-toggle="modal" data-target="#detailsjeu">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                        {% include 'president/pr_modal_detail_etudiant.html' %}
                    </div>
                </div>

            </div><!-- ./row -->

        </div>

    </div>
  </section>
{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}