{% extends 'vice_president/base_vpr.html' %}
{% load static %}
{% block m-title %}Changer le votre mot de passe{% 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">MODIFIER VOTRE MOT DE PASSE</h3></div>
                <div class="card-body login-card-body">
                        <form action="{% url 'EspaceEnseignant:vpr_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 %}