{% extends 'EspaceEnseignant/base_enseignant.html' %}
{% load static %}
{% block page_title %}Changer le Mot de passe{% endblock page_title %}
{% load widget_tweaks %}
{% block content %}
 <section class="content">
    <div class="container-fluid">
        <!-- Small boxes (Stat box) -->

        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h3>{% block m-title %}{% endblock m-title %}</h3><br/>
                   {% include 'main_app/message.html' %}
                </div>
            </div>
            <div class="card">
                <div class="card-header text-white" style="background: #21618C"><h3 class="card-title">MODIFIER VOTRE MOT DE PASSE</h3></div>
                <div class="card-body login-card-body">
                        <form action="{% url 'EspaceEnseignant:manage_password' %}" method="POST" {% if show_form == "show" %}{% else %} hidden {% endif %} >
                            {% csrf_token %}
                            <div class="form-group">
                                <label>Ancien</label>
                                {% render_field form.old_password class+="form-control" placeholder="Entrez votre ancien mot de passe" %}
                                <span style="color:red;">{{ form.old_password.errors }}</span>
                            </div>
                            <div class="form-group">
                                <label>Nouveau</label>
                                {% render_field form.new_password1 class+="form-control" placeholder="Entrez votre nouveau mot de passe" %}
                                <span style="color:red;">{{ form.new_password1.errors }}</span>
                            </div>
                            <div class="form-group">
                                <label>Confirmer</label>
                                {% render_field form.new_password2 class+="form-control" placeholder="Entrez à nouveau votre nouveau mot de passe" %}
                                <span style="color:red;">{{ form.new_password2.errors }}</span>
                            </div>
                        <button type="submit" class='btn btn-primary'>Enregistrer</button>
                        </form>

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

        </div>


    </div>
  </section>
{% endblock content %}

{% block custom_js %}
{% endblock custom_js %}