[[!ChangePassword?
      &submitVar=`change-password` 
      &placeholderPrefix=`cp.` 
      &validateOldPassword=`1` 
      &validate=`nospam:blank` 
      &reloadOnSuccess=`0` 
      &successMessage=`Password has been changed` 
      &placeholderPrefix=`cp.`
    ]]

    [[!+cp.error_message:notempty=`
      <div class="alert alert-danger">[[!+cp.error_message]]</div>
    `]]
    [[!+cp.successMessage:notempty=`
      <div class="alert alert-success">[[!+cp.successMessage]]</div>
    `]]    

    <form class="form" action="[[~[[*id]]]]" method="post">
      <input type="hidden" name="nospam" value="">

      <div class="form-group">
        <label for="password_old">Old password</label>    
        <input class="form-control" type="password" name="password_old" id="password_old" value="[[+cp.password_old]]">
        <span class="error">[[!+cp.error.password_old]]</span>
      </div>

      <div class="form-group">
        <label for="password_new">New password</label>
        <input class="form-control" type="password" name="password_new" id="password_new" value="[[+cp.password_new]]">
        <span class="error">[[!+cp.error.password_new]]</span>
      </div>

      <div class="form-group">
        <label for="password_new_confirm">Retype new password</label>
        <input class="form-control" type="password" name="password_new_confirm" id="password_new_confirm" value="[[+cp.password_new_confirm]]">
        <span class="error">[[!+cp.error.password_new_confirm]]</span>
      </div>

      <div class="clearfix">
        <button type="submit" name="change-password" class="btn btn-primary">Change password</button>
      </div>

    </form>

<h1>Modification du mot de passe</h1>
[[!ChangePassword? &submitVar=`change-password` &reloadOnSuccess=`0` &successMessage=`Votre mot de passe a été changé` &placeholderPrefix=`cp.` &redirectToLogin=`1`  &validateOldPassword=`1` &validate=`nospam:blank` ]]
<p>[[$myLgnChangePassword]]</p>

<div class="error">[[!+cp.error_message]]</div>
<p class="confirm">[[!+cp.successMessage]]</p>

<form class="form" action="[[~[[*id]]]]" method="post"> 
 
  <input type="hidden" name="nospam" value="" />
  <label for="password_old">Ancien mot de passe</label>
  <br />
  <input id="password_old" type="password" name="password_old" value="[[+cp.password_old]]" />
  <br />
  <span class="error">[[!+cp.error.password_old]]</span>
  <br />

  <label for="password_new">Nouveau mot de passe</label>
  <br />
  <input id="password_new" type="password" name="password_new" value="[[+cp.password_new]]" />
  <br />
    <span class="error">[[!+cp.error.password_new]]</span>
  <br />
 
  <label for="password_new_confirm">Confirmer le nouveau mot de passe</label>
  <br />
  <input id="password_new_confirm" type="password" name="password_new_confirm" value="[[+cp.password_new_confirm]]" />
  <br />
   <span class="error">[[!+cp.error.password_new_confirm]]</span>
  <br />
  <input type="submit" name="change-password" value="Changer" />
</form>
 

[[+cp.successMessage]]

[[!If? &subject=`[[!getUrlParam? &name=`logcp-success` &int=`1`]]` 
       &operator=`EQ` 
       &operand=`1` 
       &then=`<span class="SuccessMsg">Your Password has been changed</span>`
]]

[[!+cp.error_message]]

    public function setSuccessMessagePlaceholder() {
        $placeholderPrefix = $this->getProperty('placeholderPrefix');
        $this->modx->setPlaceholder($placeholderPrefix.'passwordChanged',true);
        $successMessage = $this->getProperty('successMessage');
        if (!empty($successMessage)) {
            $this->modx->setPlaceholder($placeholderPrefix.'successMessage',$successMessage);
        }
    }

[[!+cp.successMessage]]

  [[!+cp.successMessage:notempty=`<p class="success">1</p>`]]
  [[!+cp.logcp-successMessage:notempty=`<p class="success">2</p>`]]
  [[!+cp.logcp-success:notempty=`<p class="success">3</p>`]]
  [[!+logcp-successMessage:notempty=`<p class="success">4</p>`]]
  [[!+logcp-success:notempty=`<p class="success">5</p>`]]
  [[!+cp.passwordChanged:notempty=`<p class="success">6</p>`]]

[[!ChangePassword?
	&successMessage=`<div class="inline-success">Password changed successfully.</div>`
	&submitVar=`change-password`
	&placeholderPrefix=`cp.`
	&validateOldPassword=`1`
	&validate=`nospam:blank`
]]



[[!+cp.error_message]]
[[!+cp.successMessage]]

<form class="form" action="[[~[[*id]]]]" method="post" name="change-password" >
	<ul class="user-form change-password">
		<li>
			<input type="hidden" name="nospam" value="" />
			<label for="password_old">Old Password  </label>
			<input type="password" name="password_old" id="password_old" value="[[+cp.password_old]]" />
			[[!If? &subject=`[[!+cp.error.password_old]]` &operator=`!empty` &then=`<span class="error">[[!+cp.error.password_old]]</span>` ]]
		</li>
		<li>
			<label for="password_new">New Password </label>
			<input type="password" name="password_new" id="password_new" value="[[+cp.password_new]]" />
			[[!If? &subject=`[[!+cp.error.password_new]]` &operator=`!empty` &then=`<span class="error">[[!+cp.error.password_new]]</span>` ]]
		</li>
		<li>
			<label for="password_new_confirm">Confirm New Password  </label>
			<input type="password" name="password_new_confirm" id="password_new_confirm" value="[[+cp.password_new_confirm]]" />
			[[!If? &subject=`[[!+cp.error.password_new_confirm]]` &operator=`!empty` &then=`<span class="error">[[!+cp.error.password_new_confirm]]</span>` ]]
		</li>
		<li>
			<button type="submit" name="change-password" value="Change Password" class="change-password"><span>change password</span></button>
		</li>
	</ul>
</form>