{% extends 'board_staff.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% block title %}
  <title>Change Password</title>
  <meta name="description" content="">

{% endblock title %}

{% block content %}

<div class=" app-content">
	<div class="side-app">
    <br>
    {% include 'partials/_alerts.html' %}
		<!--Page Header-->

    <div class="row">
      <div class="col-md-12 col-xl-3 col-lg-4">

      </div>

      <div class="col-md-12 col-xl-6 col-lg-4">
      <div class="card">
        <form method="post" class="form-group col-md-12" enctype="multipart/form-data">
          <div class="card-header bg-white">
            <h4 class="text-apu-purple">
              <i class="fas fa-key"></i> Change Password</h4>
          </div>
          <br>
        {% csrf_token %}
        <div class="form-group form-row">
          <div class="col-sm-12">
            {{ form.old_password|as_crispy_field }}
          </div>
        </div>
        <div class="form-group form-row">
          <div class="col-sm-12">
            {{ form.new_password1|as_crispy_field }}
          </div>
        </div>
        <div class="form-group form-row">
          <div class="col-sm-12">
            {{ form.new_password2|as_crispy_field }}
          </div>
        </div>
        <div class="card-footer text-right bg-white">
          <input type="submit" class="form-group btn btn-cylinder" value="Update">
        </div>
      </form>
      </div>
      <div class="col-md-12 col-xl-3 col-lg-4">

      </div>
      </div>
    </div>
  </div>
  </div>

{% endblock content%}