{% extends 'base.html' %}
{% load static %}
{% load humanize %}
{% load widget_tweaks %}
{% load embed_video_tags %}

{% block title %} Change Password {% endblock title %}

{% block content %}

<br><br><br><br><br>
<!-- Start About Area -->
<section class="about-area ptb-100 bg-f8f8f8" style="background: transparent;">
    <div class="container">
<div class="log-reg">
<div class="row">

<form method=post action="." name=mainform>

<div class="mb-3 form-form">
<h3 class="text-center" style="color: #eee;">Change Password</h3>
</div>
{% csrf_token %}
<br />
{% if messages %} 
  {% for msg in messages %}
  <div class="alert alert-danger text-center" role="alert">
    {{ msg }}
  </div>
  {% endfor %} 
{% endif %}

<div class="mb-3 form-form">
<label for="user" class="label">Old Password</label>
{% if form.old_password.errors %}
<div class="alert alert-danger text-center" role="alert">
    {{ form.old_password.errors}}
  </div>
{% endif %}
{% render_field form.old_password class="form-control" size=30 autofocus="autofocus" %}
</div>

<div class="mb-3 form-form">
    <label for="pass" class="label">Enter New Password</label>
    {% if form.new_password1.errors %}
    <div class="alert alert-danger" role="alert">
        {{ form.new_password1.errors}}
      </div>
    {% endif %}
    {% render_field form.new_password1 class="form-control" size=30 autofocus="autofocus" %}
</div>


<div class="mb-3 form-form">
    <label for="pass" class="label">Confirm New Password</label>
    {% if form.new_password2.errors %}
    <div class="alert alert-danger" role="alert">
        {{ form.new_password2.errors}}
      </div>
    {% endif %}
    {% render_field form.new_password2  class="form-control" size=30 autofocus="autofocus" %}
</div>



<input type=submit value="Submit" class="default-btn">

</form>

<p class="text-center mt-5">
or <a href="{% url 'password_reset' %}" style="color: #eee;">remember your login information</a>.</p>
<p class="text-center">Not registered ? <a href="{% url 'userdashboard:register' %}" style="color: #eee;">Create an account</a></p>
</div>
</div>
    </div>
</section>

{% endblock content %}