{% extends 'main_app/base_etudiant.html' %}
{% load static %}
{% block page_title %}{{page_title}}{% endblock page_title %}
{% block content %}
<section class="content">
    <div class="container-fluid">
        <!-- Small boxes (Stat box) -->
        <div class="row">
            <div class="col-lg-4 col-6">
                <!-- small box -->
                <div class="small-box ens-dash-item" style="background:#a6dff2;">
                    <div class="inner">
                        <h3>000</h3>

                        <p>UEs Enseignées</p>
                    </div>
                    <div class="icon">
                    </div>
                    {# <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> #}
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
                <!-- small box -->
                <div class="small-box" style="background:#a6dff2;">
                    <div class="inner">
                        <h3>000<sup style="font-size: 20px">%</sup></h3>

                        <p>Volume Horaire Total</p>
                    </div>
                    <div class="icon">
                    </div>
                    {# <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> #}
                </div>
            </div>
            <!-- ./col -->
            <div class="col-lg-4 col-6">
                <!-- small box -->
                <div class="small-box" style="background:#a6dff2;">
                    <div class="inner">
                        <h3>000<sup style="font-size: 20px">%</sup></h3>

                        <p>Taux d'Avancement</p>
                    </div>
                    <div class="icon">
                    </div>
                    {# <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> #}
                </div>
            </div>
            <!-- ./col -->
            <!-- ./col -->
        </div>
        <div class="row">
            <div class="col-lg-6">

                        <!-- DONUT CHART -->
                        <div class="card card-secondary">
                          <div class="card-header">
                            <h3 class="card-title">Liste UE Semestre 1</h3>

                            <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">
                                  <thead>
                                    <th style="width:100px;">Code UE</th>
                                    <th>Libellé</th>
                                  </thead>
                                  <tbody>
                                    <tr>
                                        <td>gg</td>
                                        <td class="lue"><a href="#" style="text-decoration:underline;" data-toggle="modal" data-target="#modal-details">Proba-Stats</a></td>
                                    </tr>
                                  </tbody>
                              </table>
                          </div>
                          <!-- /.card-body -->
                        </div>
                        <!-- /.card -->
            </div>

            <div class="col-lg-6">

                        <div class="card card-secondary">
                          <div class="card-header">
                            <h3 class="card-title">Liste UE Semestre 2</h3>

                            <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">
                            <div class="chart">
                              <table class="table table-bordered">
                                  <thead>
                                    <th style="width:100px;">Code UE</th>
                                    <th>Libellé</th>
                                  </thead>
                                  <tbody>
                                    <tr>
                                        <td>gg</td>
                                        <td class="lue"><a href="#" style="text-decoration:underline;" data-toggle="modal" data-target="#modal-details">Proba-Stats</a></td>
                                    </tr>
                                  </tbody>
                              </table>
                          <!-- /.card-body -->
                        <!-- /.card -->
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
                        </div>
                        </section>
{% endblock content %}

{% block custom_js %}
<script src="{% static 'js/custom-js/ecue-validated-pie-chart.js'%} "></script>
{% endblock custom_js %}