<div class="panel panel-default">
    <div class="panel-heading">
        <h3 class="panel-title"><span class="glyphicon glyphicon-lock" aria-hidden="true"></span> Change Password</h3>
    </div>
    <div class="panel-body">

        <form method="post" action="/account/update-password">
            <input type="hidden" name="_csrf" value="{{csrfToken}}" />

            <p>
                Your password needs to be changed. Enter your new account password below
            </p>

            <div class="form-group{{#if errors.password}} has-error{{/if}}">
                <label for="password">New password</label>
                <input type="password" class="form-control" name="password" id="password" placeholder="eg. &quot;supersecret&quot;" autocomplete="off">
                {{#if errors.password}}
                    <span class="help-block">{{errors.password}}</span>
                {{/if}}
            </div>

            <div class="form-group{{#if errors.password2}} has-error{{/if}}">
                <label for="password2">Repeat password</label>
                <input type="password" class="form-control" name="password2" id="password2" placeholder="repeat password" autocomplete="off">
                {{#if errors.password2}}
                    <span class="help-block">{{errors.password2}}</span>
                {{/if}}
            </div>

            <div>
                <div class="pull-right">
                    <button type="submit" id="totp-btn" class="btn btn-success"><span class="glyphicon glyphicon-wrench" aria-hidden="true"></span> Change Password</button>
                </div>
                <a href="/account/logout"><span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span> Cancel</a>
            </div>

            <div class="clearfix"></div>

        </form>

    </div>

</div>
