{% extends "pos/base.html" %}
{% load static %}
{% block title %}Change Password{% endblock %}

{% block content %}
<div class="container mt-4">
  <h1 class="h3 mb-3 text-gray-800">Change Your Password</h1>

  {% if form.errors %}
    <div class="alert alert-danger">
      <ul class="mb-0">
        {% for field in form %}
          {% for err in field.errors %}
            <li>{{ err }}</li>
          {% endfor %}
        {% endfor %}
        {% for err in form.non_field_errors %}
          <li>{{ err }}</li>
        {% endfor %}
      </ul>
    </div>
  {% endif %}

  <form method="post">
    {% csrf_token %}
    <div class="form-group">
      {{ form.old_password.label_tag }}
      {{ form.old_password }}
    </div>
    <div class="form-group">
      {{ form.new_password1.label_tag }}
      {{ form.new_password1 }}
    </div>
    <div class="form-group">
      {{ form.new_password2.label_tag }}
      {{ form.new_password2 }}
    </div>
    <button type="submit" class="btn btn-primary">Update Password</button>
    <a href="/" class="btn btn-secondary">Cancel</a>
  </form>
</div>
{% endblock %}