<div class="modal" id="change-password" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">Change Password</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <div class="updprof-error">[[!+cp.error_message]]</div>
        [[!ChangePassword?
            &submitVar=`change-password`
            &placeholderPrefix=`cp.`
            &validateOldPassword=`1`
            &validate=`nospam:blank`
            &successMessage=`Your password is changed`
        ]]
        
        <form action="[[~[[*id]]]]" method="post">
            <input type="hidden" name="nospam" value="" />
          <div class="form-group">
            <label for="password_old">Old Password <span style="color: red;">[[!+cp.error.password_old]]</span></label>
            <input type="password" class="form-control" name="password_old" id="password_old" value="[[+cp.password_old]]" aria-describedby="password_old" placeholder="Old Password">
            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">New Password <span style="color: red;">[[!+cp.error.password_new]]</span></label>
            <input type="password" class="form-control" name="password_new" id="password_new" value="[[+cp.password_new]]" placeholder="New Password">
          </div>
          <div class="form-group">
            <label for="exampleInputPassword1">Confirm New Password <span style="color: red;">[[!+cp.error.password_new_confirm]]</span></label>
            <input type="password" class="form-control" name="password_new_confirm" id="password_new_confirm" value="[[+cp.password_new_confirm]]" placeholder="Confirm New Password">
          </div>
          <input type="submit" class="btn btn-primary" name="change-password" value="Change Password" >
        </form>
        
      </div>
      <div class="modal-footer">

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