{% extends 'dg_ufr/base_ufr.html' %}
{% load static %}
{% block m-title %}DETAILS RECLAMATION{% endblock m-title %}
{% load widget_tweaks %}
{% block custom_css %}
.contner {
    color:red;
}
{% endblock custom_css %}
{% 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">RECLAMATIONS</h3></div>
                <div class="card-body login-card-body">
                    <center><div class="contner"
                         style="border:1px solid grey;padding:2px;width:800px;color:#000000;"
                    >
                        <img src="{% static 'ac-img/logousp.png' %}" width="150px" height="100px">
                        <div>
                            <h4 style="color:#000000;font-weight:bold;text-decoration:underline;margin-top:6px;">
                                FICHE DE RECLAMATIONS 1ère SESSION {{reclamation.annee}}
                            </h4><br/>
                            <p style="text-align:left;margin-left:100px;">Nom et prénoms: <span style="font-weight:bold;">{{reclamation.etudiant}}</span></p>
                            <p style="text-align:left;margin-left:100px;">Date et lieu de naissance: Né le
                                <span style="font-weight:bold;">{{reclamation.etudiant.datenaiss|date:'d-m-Y'}}</span> à
                                <span style="font-weight:bold;">{{reclamation.etudiant.lieunaiss}}</span>
                            </p>
                            <p style="text-align:left;margin-left:100px;">Niveau d'étude: <span style="font-weight:bold;">{{reclamation.niveau}}</span></p>
                            <p style="text-align:left;margin-left:100px;">N<sup>o</sup> de carte d'étudiant (NCE): <span style="font-weight:bold;">{{reclamation.etudiant.nce}}</span></p>
                            <p style="text-align:left;margin-left:100px;">Email: <span style="font-weight:bold;">{{reclamation.etudiant.email}}</span></p>
                            <p style="text-align:left;margin-left:100px;">Contact: <span style="font-weight:bold;">{{reclamation.etudiant.phone}}</span></p>
                            <div style="text-decoration:underline;text-align:center;font-weight:bold;font-size:18px;">Motifs de réclamations</div>
                            <br/>
                            <table border="1" width="700px;" height="">
                                <tr style="text-align:center;">
                                    <th>UE ou ECUE</th>
                                    <th>Motif de réclamation</th>
                                </tr>
                                <tr>
                                    <td style="height:130px;width:300px;text-align:center;">
                                        {{reclamation.type_discipline}}<br/>({{reclamation.code_discipline}})<br/>
                                        {{topic}}
                                    </td>
                                    <td style="text-align:center;">{{reclamation.motif}}</td>
                                </tr>
                                <tr style="text-align:center;">
                                    <th colspan="2">Détails</th>
                                </tr>
                                <tr>
                                    <td colspan="2" style="padding:15px;5px;">
                                        {{reclamation.detail}}
                                    </td>
                                </tr>
                            </table>
                            <br/>
                            <div style="text-decoration:underline;text-align:center;font-weight:bold;font-size:18px;">Décision finale</div><br/>
                            <div style="width:300px;align-items:center;">
                                <form method="post">
                                    {% csrf_token %}
                                    <div class="row">
                                        <div class="col-md-6">
                                            {% if reclamation.status == 'Recevable' %}
                                            <button class="btn btn-success" disabled><i class="fa  fa-thumbs-up"></i> Recevable</button>
                                            {% else %}
                                            <button type="submit" name="rec" class="btn btn-success"><i class="fa  fa-thumbs-up"></i> Recevable</button>
                                            {% endif %}
                                        </div>
                                        <div class="col-md-6">
                                            {% if reclamation.status == 'Non-recevable' %}
                                            <button class="btn btn-warning" disabled><i class="fa  fa-thumbs-down"></i> Non-recevable</button>
                                            {% else %}
                                            <button type="submit" name="nrec" class="btn btn-warning"><i class="fa  fa-thumbs-down"></i> Non-recevable</button>
                                            {% endif %}
                                        </div>
                                    </div>
                                </form>
                            </div><br/>
                        </div>
                    </div>
                    </center>
                </div>
            </div>
              <!-- DONUT CHART --><!-- /.card -->

        </div>

            
    </div>
  </section>

{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}