{% extends 'dg_ufr/base_ufr.html' %}
{% load static %}
{% load custom_tag %}
{% block page_title %}{{page_title}}{% endblock page_title %}
{% block content %}
<section class="content">
    <div class="container-fluid"><br/>
    <div class="row">
    <div class="col-md-12 not-lib" style="color:#179acf;font-size:26px;font-weight:bold;align:left;width:100%;margin-bottom:25px;margin-top:-35px;"
    >
        <!--<span style="margin-left:15px;">UE : {{ue.libelle}}</span><br/>-->
        <span style="margin-left:55px;">UE : ({{Ue.code}}) {{Ue.libelle}}</span><hr/>
    </div>
</div>
        <div class="container">
            <div style="text-align:center;">
                <h4>ANNEE: <span style="color:red">{{get_annee}}</span> | NIVEAU: <span style="color:red">{{get_niveau}}</span></h4>
            </div>
            <div class="card">
                <div class="card-header text-white" style="background: #21618C"><h3 class="card-title">MENU</h3></div>
                <div class="card-body">
                   <!-- {% if  delib %}
                        <button class="btn btn-primary btn-sm" disabled><i class="fa  fa-clock"></i> Délibérer l'UE</button>
                    {% else %}
                    <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#deliberation"><i class="fa  fa-clock"></i> Délibérer l'UE</button>
                    {% endif %} -->
                    <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#deliberation"><i class="fa  fa-clock"></i> Délibérer l'UE</button>
                    {% include 'EspaceEnseignant/modal_deliberation.html' %}
                    <a href="{% url 'EspaceEnseignant:resultat_ue_new_pdf' Ue.id %}" target="_blank" class="btn btn-primary btn-sm"><i class="fa fa-print"></i> Résultat UE</a><!--onclick="generatePDF()"-->
                    {% include 'EspaceEnseignant/modal.html' %}
                    {% include 'EspaceEnseignant/modal_import_note.html' %}<br/><br/>

                </div>
            </div>
              <!-- DONUT CHART -->
              <div class="card card-secondary">
                <div class="card-header" style="background: #21618C">
                  <h3 class="card-title" >Liste des ECUEs</h3> &nbsp;&nbsp;
                  <div class="card-tools">
                    <button type="button" class="btn btn-tool" data-card-widget="collapse"><i class="fas fa-minus"></i>
                    </button>
                    <button type="button" class="btn btn-tool" data-card-widget="remove"><i class="fas fa-times"></i></button>
                  </div>
                </div>
                <div class="card-body">
                    <table class="table table-bordered table-striped">
                        <thead>
                          <tr>
                            <th style="width:100px;">Code UE</th>
                            <th>Libellé</th>
                            <th>CM</th>
                            <th>TD</th>
                            <th>TP</th>
                            <th>Action</th>
                          </tr>
                        </thead>
                        <tbody>
                          {% for ecue in Ecues %}
                            <tr>
                                <td style="font-weight:bold;">{{ecue.code}}</td>
                                <td class="lue">
                                  {{ecue.libelle}}
                                </td>
                                <td>{{ecue.cm}}</td>
                                <td>{{ecue.td}}</td>
                                <td>{{ecue.tp}}</td>
                                <td width="250">
                                    <a class="btn btn-secondary btn-sm text-white" href="{% url 'EspaceEnseignant:ecue_note_views' ecue.id get_annee.id get_niveau.id get_ufr.id %}"><i class="fa fa-eye"></i> Voir</a>
                                   <!-- {% if  delib %}
                                        <button class="btn btn-primary btn-sm" disabled><i class="fa  fa-clock"></i> délibération ecue</button>
                                    {% else %}
                                        <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#deliberation{{ecue.id}}"><i class="fa  fa-clock"></i> délibération ecue</button>
                                    {% endif %} -->
                                    <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#deliberation{{ecue.id}}"><i class="fa  fa-clock"></i> délibération ecue</button>
                                    {% include 'dg_ufr/modal/modal_deliberation_ecue.html' %}
                                </td>
                            </tr>
                          {% empty %}
                            <tr>
                                <td colspan="2">Aucune unit&eacute d'enseignement vous est attribu&eacutee</td>
                            </tr>
                          {% endfor %}
                        </tbody>
                    </table>
                </div>
                <!-- /.card-body -->
              </div>
              <!-- /.card -->
        </div>

            
    </div>
  </section>

{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}