{% extends 'EspaceEtudiant/base_etudiant.html' %}
{% load static %}
{% block m-title %}<i class="fa fa-plus-square"></i> FAIRE UNE NOUVELLE RECLAMATION{% 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">FAIRE UNE NOUVELLE RECLAMATION</h3></div>
                <div class="card-body login-card-body">
                        <form action="#" method="POST" {% if show_form == "show" %}{% else %} hidden {% endif %} >
                            {% csrf_token %}
                            <div class="row">
                                <div class="col-md-2">
                                    <label>Année scolaire</label>
                                    {% render_field form.annee class+="form-control" %}
                                    <span style="color:red;">{{ form.annee.errors }}</span>
                                </div>
                                <div class="col-md-2">
                                    <label>UE/ECUE</label>
                                    {% render_field form.type_discipline class+="form-control" %}
                                    <span style="color:red;">{{ form.type_discipline.errors }}</span>
                                </div>
                                <div class="col-md-5">
                                    <label>Code E/ECUE</label>
                                    {% render_field form.code_discipline class+="form-control" placeholder="Entrez le code UE/ECUE" value="" %}
                                    <span style="color:red;">{{ form.code_discipline.errors }}</span>
                                </div>
                            </div><br/>

                            <div class="row">
                                <div class="col">
                                    <label>Motif de la réclamation</label>
                                    {% render_field form.motif class+="form-control" value="" %}
                                    <span style="color:red;">{{ form.motif.errors }}</span>
                                </div>
                            </div>
                            <br/>
                            <div class="row">
                                <div class="col">
                                    <label>Détails de la réclamation</label>
                                    {% render_field form.detail class+="form-control" placeholder="Expliquez clairement ici votre réclamation" %}
                                    <span style="color:red;">{{ form.detail.errors }}</span>
                                </div>
                            </div><br/>

                        <button type="submit" class='btn btn-primary'>Envoyer</button>
                        </form>

                    </div>
            </div>
              <!-- DONUT CHART --><!-- /.card -->

        </div>

            
    </div>
  </section>

{% endblock content %}

{% block custom_js %}

{% endblock custom_js %}