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

{% block title %} Reset Password {% endblock title %}

{% block content %}

<style>

  * {
      color: #151719
  }
</style>
<!-- breadcrumb begin -->
<div style="background: #2596be" class="breadcrumb-allianz-capitals">
  <div class="container">
      <div class="row">
          <div class="col-xl-9 col-lg-9 col-8">
              <div class="part-txt">
                  <h1>login</h1>
                  <ul>
                      <li>home</li>
                      <li>Change Password</li>
                  </ul>
              </div>
          </div>
      </div>
  </div>
</div>
<!-- breadcrumb end -->

<!-- login begin -->
<div class="login">
  <div class="container">  

      <div class="row justify-content-center">
          <div class="col-xl-8 col-lg-10 col-md-7 col-sm-9">
              <div class="form-area">
                  <div class="row no-gutters">
                      <div class="col-xl-6 col-lg-6">
                          <div class="login-form">
                             <form method=post name=mainform action=".">

                                          <div class="form-group">
                                          <label >Reset Password Password:</label>
                                          {% csrf_token %}
                                          <br />
                                          {% if messages %} 
                                            {% for msg in messages %}
                                            <div class="alert alert-danger text-center" role="alert">
                                              {{ msg }}
                                            </div>
                                            {% endfor %} 
                                          {% endif %}

                                          {% if validlink %}
                                            <div>
                                              {% for field in form  %}
                                              {{ field.help_text }}
                                            {% endfor %}
                                            </div>
<label >New Password:</label>
{% if form.new_password1.errors %}
<div class="alert alert-danger">{{ form.new_password1.errors }}</div>
{% endif %}
{{ form.new_password1.label_tag }}
{% render_field form.new_password1 class+="form-control" %}
                                  </div>

                                  <div class="form-group">
                                      <label >Confirm New Password:</label>
                                      {% if form.new_password2.errors %}
                                      <div class="alert alert-danger">{{ form.new_password2.errors }}</div>
                                      {% endif %}
                                      {{ form.new_password2.label_tag }}
                                      {% render_field form.new_password2 class+="form-control" placeholder="Confirm Password" %}
                               </div>
                                  <div class="form-group form-check">
                                      <button type="submit"  name="login"  id="btn-login_ab" class="btn-form">Submit</button>
                                  </div>
                              </form>
                              <div class="other-option">
                                  <a href="{% url 'userdashboard:login' %}">Login now</a>
                              </div>

                          </div>
                      </div>
                      <div class="col-xl-6 col-lg-6 d-xl-block d-lg-block d-none">
                          <div class="blank-space"></div>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>
</div>
<!-- login end -->

{% else %}
<p><span class="text-danger">The Password reset link is invalid, possibly because it has been used. Please request for 
  a new password reset link
    <div class="registration">
      <a class="btn btn-block btn-primary" href="/account/password_reset/"> REQUEST A NEW LINK</a>
    </div>
  </p>
  <hr />
  <div class="registration">
    <a class="btn btn-block btn-danger" href="{% url 'userdashboard:login' %}"> GO BACK TO LOGIN</a>
  </div>
{% endif %}






 </div>
</div>

{% endblock content %}