{% extends 'EspaceEtudiant/base_etudiant.html' %}
{% load static %}
{% block m-title %}<i class="fa fa-plus-square"></i> {{reclamation.created|date:'d-m-Y à H:i'}}/{{reclamation.motif}}{% endblock m-title %}
{% load widget_tweaks %}
{% 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">DETAILS</h3></div>
                <div class="card-body login-card-body">
                    <table class="table">
                        <tr>
                            <td style="font-weight:bold;"> STATUS</td>
                            <td>:
                                <span class="badge
                                {% if reclamation.status == 'Recevable' %}
                                badge-success
                                {% elif reclamation.status == 'Non-recevable' %}
                                badge-warning
                                {% else %}
                                badge-secondary
                                {% endif%}
                                ">{{reclamation.status}}</span>
                            </td>
                        </tr>
                        <tr> <td style="font-weight:bold;width:150px;">DATE D'EDITION</td> <td>: {{reclamation.created|date:'d-m-Y à H:i'}}</td></tr>
                        <tr> <td style="font-weight:bold;">MOTIF</td> <td>: {{reclamation.motif}}</td></tr>
                        <tr> <td style="font-weight:bold;">UE/ECUE</td> <td>: {% if reclamation.type_discipline %}{{reclamation.type_discipline}} {% endif %}</td></tr>
                        <tr> <td style="font-weight:bold;">CODE UE/ECUE</td> <td>: {% if reclamation.code_discipline %}{{reclamation.code_discipline}} {% endif %}</td></tr>
                        <tr> <td style="font-weight:bold;">DETAIL</td> <td>: {% if reclamation.detail %}{{reclamation.detail}} {% endif %}</td></tr>
                    </table>
                </div>
            </div>
              <!-- DONUT CHART --><!-- /.card -->

        </div>

            
    </div>
  </section>

{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}