{% extends 'vice_president/base_vpr.html' %}
{% load static %}
{% block content %}
<section class="content">
    <div class="container-fluid">
        <h3><u>UFR</u>: {{UFR}}</h3>
        <!-- Small boxes (Stat box)-->
        <hr/>
        <div class="container"><br/>
            <div class="row"><!-- .row -->
                <!-- ./col -->
                <div class="col-lg-3">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-book"></i> UE</h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="{% url 'EspaceEnseignant:vpr_ue' UFR.id %}" class="small-box-footer">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>
                <div class="col-lg-3">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-book"></i> ECUE</h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="{% url 'EspaceEnseignant:vpr_ecue' UFR.id %}" class="small-box-footer">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>

                <div class="col-lg-3">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-users"></i> ENSEIGNANTS</h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="{% url 'EspaceEnseignant:vpr_enseignant_list' UFR.id %}" class="small-box-footer">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>

                <div class="col-lg-3">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-users"></i> ETUDIANTS</h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="{% url 'EspaceEnseignant:vpr_etudiant_list' UFR.id %}" class="small-box-footer">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>

                <div class="col-lg-3">
                    <!-- small box -->
                    <div class="small-box ens-dash-item" style="background:#a6dff2;">
                        <div class="inner">
                            <h4><i class="fa fa-pen"></i> PROCES VERBAL</h4>
                        </div>
                        <div class="icon">
                        </div>
                        <a href="{% url 'EspaceEnseignant:vpr_pv_view' UFR.id %}" class="small-box-footer">Voir plus <i class="fas fa-arrow-circle-right"></i></a>
                    </div>
                </div>

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

        </div>

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

{% block custom_js %}

{% endblock custom_js %}