{% extends 'layout/app.html' %}

{% load static %}

{% block body %}
{% include "core/header.html" %}
    <div id="content-wrapper">

        <!-- <div class="container-fluid"> -->
            <!-- Breadcrumbs-->

            <div class="card mb-3 z-depth-0">
                <div class="card-header">
               
                    Change Password
                </div>
                <div class="card-body">
                    <form class="form-horizontal" method="POST">
                        {% csrf_token %}
                        <div class="form-group">
                            <div class="form-row">
                                <div class="col-md-12">
                                    <div class="form-label-group">
                                        <input type="password" class="form-control" name="current_password" placeholder="Current Password" id="inputFirst" required>
                                        <label for="inputFirst">Current Password</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-row">
                                <div class="col-md-12">
                                    <div class="form-label-group">
                                        <input type="password" class="form-control" name="new_password" placeholder="New Password" id="newPassword" required>
                                        <label for="newPassword">New Password</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="form-row">
                                <div class="col-md-12">
                                    <div class="form-label-group">
                                        <input type="password" class="form-control" name="repeat_password" placeholder="Confirm Password" id="confPassword" required>
                                        <label for="confPassword">Confirm Password</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <button class="btn btn-success" type="submit">Update<span></span>
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascript %}

{% endblock %}