<section class="content">
{% load unicorn %}
{% unicorn_scripts %}
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="container w-50 mb-5">
                    <select class="form-control bg-primary shadow-lg" aria-label=".form-select-lg example" u:model="psId">
                        {% for ps in parcoursSemestres %}
                            <option value="{{ps.0}}">{{ps.1}} - {{ps.2}}</option>
                        {% endfor %}
                    </select>
                </div>
                <!-- 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 class="text-right pr-5">Actions</th>
                            </tr>
                            {% for parcoursSemestreUe in parcoursSemestreUes %}
                                <tr class="antr">
                                    <td class="antd">{{parcoursSemestreUe.ue.code}}</td>
                                    <td>{{parcoursSemestreUe.ue.libelle}}</td>
                                    
                                     {% csrf_token %}
                                    {% unicorn 'moyenne-ue' ue=parcoursSemestreUe.ue key=parcoursSemestreUe.ue.id %}
                                    <td style="float:right;" class="d-flex">
                                        {% unicorn 'note-detail' ue=parcoursSemestreUe.ue %}
                                        {% unicorn 'reclamation' ue=parcoursSemestreUe.ue %}
                                        {% comment %} <button type="submit" class='btn btn-primary' data-toggle="modal" data-target="#modal-details"><i class="fa fa-eye"></i>&nbsp; détails</button> {% endcomment %}
                                        
                                    </td>
                                </tr>
                            {% endfor %}
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
</section>