{% extends '../zeeprimeapp/pages/index.html' %}
    {% load static %}
    {% load widget_tweaks %}
    {% load humanize %}
    {%load embed_video_tags %}
    {% block title %} Password Reset {% endblock title %}
    
    {%block content %}
    
    <div class="wrapper">
      <div class="loginheader">
        <div class="container">
          <div class="row">
            <div class="col-lg-12">
              <div class="loginlogo">
                <a href="{% url 'zeeprimeapp:home' %}"><img src="https://res.cloudinary.com/daniela1/image/upload/v1701064696/logo_amerite_guwrit.png" alt="" /></a>
              </div>
            </div>
          </div>
        </div>
      </div>
    
      <div class="loginwrap">
        <div class="container">
          <div class="row">
            <div class="col-lg-6 col-md-12">
              <div class="loginleft">
                <h1>User <span>Password Reset</span></h1>
                <div class="form-container loginpage">
                  <form method="post" action="." name="mainform">
                    {% csrf_token %}
                    {% if messages %} 
                    {% for msg in messages %}
                    <div class="alert alert-danger text-center" role="alert">
                      {{ msg }}
                    </div>
                    {% endfor %} 
                  {% endif %}

                  {% if validlink %}

                    <table width="100%" border="0" cellpadding="4" cellspacing="4">
                      <tr>
                        <td>
                          <span class="password">
                            {% 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" %}
                            </span>
                          </span>
                        </td>
                      </tr>
    
                      <tr>
                        <td>
                          <span class="password">
                            {% 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" %}
                            </span>
                          </span>
                        </td>
                      </tr>

                      <tr>
                        <td><input type="submit" value="Login" class="sbmt" /></td>
                      </tr>
                    </table>

                    {% 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 %}
                  </form>
                </div>
              </div>
            </div>
            <div class="col-lg-6 col-md-12">
              <div class="loginright">
                <img src="{% static 'styles/images/registerediconbottom.png' %}" alt="" />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    
    {% endblock content %}