{% extends 'base.html' %}
{% block content%}

<div class="container">
    <div class="row justify-content-center">
      <div class="col-md-6 mt-5">
        <div class="card">
          <div class="card-header bg-primary text-white">Change Password</div>
          <div class="card-body">
            <form method="post" action="{% url 'update-password' %}">
              {% csrf_token %}
              <div class="mb-3">
                <label for="id_old_password" class="form-label">Current Password</label>
                <input type="password" name="old_password" id="id_old_password" class="form-control" required>
              </div>
              <div class="mb-3">
                <label for="id_new_password" class="form-label">New Password</label>
                <input type="password" name="new_password" id="id_new_password" class="form-control" required>
              </div>
              <div class="mb-3">
                <label for="id_confirm_password" class="form-label">Confirm Password</label>
                <input type="password" name="confirm_password" id="id_confirm_password" class="form-control" required>
              </div>
              <button type="submit" class="btn btn-primary" role="button">Change Password</button>
              <a class="btn btn-danger col-2 mx-2" href="{% url 'dashboard' %}"" role="button">Back</a>
            </form>
          </div>
        </div>
      </div>
    </div>
</div>

{% endblock content%}