{% extends 'vice_president/base_vpr.html' %}
{% load static %}
{% load custom_tag %}
{% block custom_css %}
{% endblock custom_css %}
{% block m-title %}UFR: <span style="color:red">{{UFR.code}}</span> {% endblock m-title %}
{% block content %}
<section class="content">
    <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="container">
            <div class="card">
                <div class="card-header text-white" style="background: #21618C"><h3 class="card-title"></h3>
                </div>
                <div class="card-body">
                    <form method="post" action="#">
                        {% csrf_token %}
                    <div class="row">
                        <div class="col-md-3">
                            <select name="annee" class="form-control">
                                {% for annee in annees %}
                                <option value="{{annee.id}}">{{annee}}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3" hidden>
                            <select name="niveau" class="form-control">
                                {% for niveau in niveaux %}
                                <option value="{{niveau.id}}">{{niveau}}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-3">
                            <select name="semestre" class="form-control">
                                {% for semestre in semestres %}
                                <option value="{{semestre.id}}">{{semestre.niveau}} | {{semestre}}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-md-2">
                            {% if UFR %}
                            <button type="submit" class='btn btn-primary'><i class="fa fa-search"></i>&nbsp; Filtrer</button>
                            {% else %}
                            <button class='btn btn-primary' disabled><i class="fa fa-search"></i>&nbsp; Filtrer</button>
                            {% endif %}
                        </div>
                    </div>
                    </form>
                </div>
            </div>

            <div class="card">
                <div class="card-body">
                    {% if get_annee and get_niveau and get_semestre %}

                    <p><i class="fa  fa-database"></i>
                        <a target="_blank" href="{% url 'EspaceEnseignant:pv_pdf_view' get_annee.id get_niveau.id get_semestre.id UFR.id %}" style="text-transform:uppercase;">RECAP {{get_semestre}} - {{get_niveau}} - {{get_annee}} </a> (session 1 & session 2)
                    </p>
                    <p><i class="fa  fa-database"></i>
                        <a target="_blank" href="{% url 'EspaceEnseignant:valides_sem_sess_1_pdf_view' get_annee.id get_semestre.id UFR.id 'v' %}" style="text-transform:uppercase;">VALIDES OU AUTORISES - {{get_semestre}} - SESSION 1</a> (session 1)
                    </p>
                    <p><i class="fa  fa-database"></i>
                        <a target="_blank" href="{% url 'EspaceEnseignant:valides_sem_sess_1_pdf_view' get_annee.id get_semestre.id UFR.id 'r' %}" style="text-transform:uppercase;">REFUSES - {{get_semestre}} - SESSION 1</a> (session 1)
                    </p>
                    <p><i class="fa fa-database"></i> <a target="_blank" href="{% url 'EspaceEnseignant:js_pv_view' get_annee.id get_niveau.id get_semestre.id UFR.id %}" style="text-transform:uppercase;">RECAP ANNUEL</a> (session 1 & session 2)</p>
                    <p><i class="fa fa-database"></i> <a href="{% url 'EspaceEnseignant:stats_semestre_home' get_annee.id get_niveau.id get_semestre.id UFR.id %}" style="text-transform:uppercase;">RECAP SPECIFIQUES - {{get_semestre}} (UE/ECUE)</a> (session 1 & session 2)</p>
                    {% endif %}
                </div>
            </div>

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

{% block custom_js %}

{% endblock custom_js %}