{% extends '../zeeprimeapp/pages/index.html' %}
{% load static %}
{% load widget_tweaks %}
{% load humanize %}
{%load embed_video_tags %}
{% block title %} Password Change for {{request.user}} {% 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 Change</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 %}
                <table width="100%" border="0" cellpadding="4" cellspacing="4">
                  <tr>
                    <td>
                      <span class="password">
                        {% 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 placeholder="Old Password*" class="form-control" %}
                        </span>
                      </span>
                    </td>
                  </tr>

                  <tr>
                    <td>
                      <span class="password">
                        {% if form.new_password1.errors %}
                        <div class="alert alert-danger" role="alert">
                            {{ form.new_password1.errors}}
                          </div>
                        {% endif %}
                        {% render_field form.new_password1 placeholder="New Password*" class="form-control" %}
                        </span>
                      </span>
                    </td>
                  </tr>

                  <tr>
                    <td>
                      {% if form.new_password2.errors %}
                      <div class="alert alert-danger" role="alert">
                          {{ form.new_password2.errors}}
                        </div>
                      {% endif %}
                      {% render_field form.new_password2 placeholder="Confirm New Password*" class="form-control" %}
                        </span>
                      </span>
                    </td>
                  </tr>

                  <tr>
                    <td><input type="submit" value="Login" class="sbmt" /></td>
                  </tr>
                </table>
              </form>
            </div>
            <div class="loginbottom">
              <a data-toggle="modal" href="{% url 'password_reset' %}">
                Forgot Password?</a
              >
            </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 %}