{% extends 'main_app/base_etudiant.html' %}
{% load static %}
{% block page_title %}Liste UEs{% endblock page_title %}
{% block content %}
<section class="content">
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <!-- general form elements -->
                <!-- /.card -->
<div class="card card-primary">
    <div class="card-header"><h3 class="card-title">LSTE DES UE</h3>
    </div>
   <div class="table p-2">
       <table class="table table-striped">
           <tr>
               <th>CODE</th>
               <th>LIBELLE</th>
               <th>MOYENNE</th>
               <th></th>
           </tr>
          <tr class="antr">
              <td class="antd">ggg</td>
              <td>hhh</td>
              <td>hh</td>
              <td style="float:right;">
                  <button type="submit" class='btn btn-primary' data-toggle="modal" data-target="#modal-details"><i class="fa fa-eye"></i>&nbsp; détails</button>
                  <button type="submit" class='btn btn-primary' data-toggle="modal" data-target="#modal-lg">
                      <i class="fa fa-exclamation-triangle"></i>&nbsp; réclamation
                  </button>
              </td>
          </tr>
        <tr class="antr">
            <td class="antd">ggg</td>
            <td>hhh</td>
            <td>hh</td>
            <td style="float:right;">
                <button type="submit" class='btn btn-primary' data-toggle="modal" data-target="#modal-details"><i class="fa fa-eye"></i>&nbsp; détails</button>
                <button type="submit" class='btn btn-primary' data-toggle="modal" data-target="#modal-lg">
                    <i class="fa fa-exclamation-triangle"></i>&nbsp; réclamation
                </button>
            </td>
        </tr>
        </table>
    </div>
    </div>
            </div>
        </div>
    </div>

    <!-- Modal Reclamation -->
    <div class="modal fade" id="modal-lg">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Demander une réclamation</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                {% include 'etudiant/reclamation.html' %}
            </div>
            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-default" data-dismiss="modal">fermer</button>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
      </div>

    <!-- Modal Detail -->
    <div class="modal fade" id="modal-details">
        <div class="modal-dialog modal-lg">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Détails de l'UE</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <div class="modal-body">
                {% include 'etudiant/parts/detail-table.html' %}
            </div>
            <div class="modal-footer justify-content-between">
              <button type="button" class="btn btn-primary" data-dismiss="modal">Fermer</button>
            </div>
          </div>
          <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>

</section>
{% endblock content %}

{% block custom_js %}
{% endblock custom_js %}