{% extends 'app/base.html' %} {% load static %} {% block title %}Change
Password{% endblock title %} {% block content %}
<div class="container my-5">
  <div class="row">
    <h3>Welcome {{request.user.username|capfirst}}</h3>

    <div class="col-sm-2 border-end">
      <ul class="list-unstyled">
        <li class="d-grid">
          <a href="{% url 'profile' %}" class="btn">Profile</a
          ><a href="{% url 'address' %}" class="btn">Address</a>
          <a href="{% url 'password_change' %}" class="btn btn-primary">Change Password</a>
        </li>
      </ul>
    </div>

    <div class="col-sm-9 offset-sm-1">
      <h1 class="text-center">Change Password</h1>
      <form action="" method="post" class="shafow p-5">
        {% csrf_token %} {% for fm in form %} {{fm.label_tag}} {{fm}}
        <small class="text-danger">{{fm.errors|striptags}}</small> <br />
        {% endfor %}
        <button type="submit" class="btn btn-primary">Submit</button>

        {% if form.non_field_errors %} {% for error in form.non_field_errors %}
        <p class="alert alert-danger my-3">{{error}}</p>
        {% endfor %} {% else %} {% endif %}
      </form>
    </div>
  </div>
</div>
{% endblock content %}