<h2>Passwort ändern</h2>
[[!ChangePassword?
   &submitVar=`change-password`
   &placeholderPrefix=`cp.`
   &validateOldPassword=`1`
   &validate=`nospam:blank`
]]

<div>
     <div class="hero is-small is-danger mb-4">
        <div>[[!+cp.error_message]][[!getUrlParam:is=`1`:then=`Dein Passwort wurde geändert!<br />`? &name=`logcp-success`]]</div>
    </div>
    <div>
        <form action="[[~[[*id]]]]" method="post">
            <input type="hidden" name="nospam" value="" />

            <fieldset>
                <div class="field">
                    <label class="label">[[%login.username]]<span class="error">[[!+cp.error.password_old]]</span></label>
                    <div class="control has-icons-left">
                        <input type="password" name="password_old" id="password_old" value="[[+cp.password_old]]" />
                        <span class="icon is-small is-left"><ion-icon name="person-circle-outline"></ion-icon></span>
                    </div>
                </div>

                <div class="field">
                    <label class="label">[[%login.username]]<span class="error">[[!+cp.error.password_new]]</span></label>
                    <div class="control has-icons-left">
                        <input type="password" name="password_new" id="password_new" value="[[+cp.password_new]]" />
                        <span class="icon is-small is-left"><ion-icon name="person-circle-outline"></ion-icon></span>
                    </div>
                </div>

                <div class="field">
                    <label class="label">[[%login.username]]<span class="error">[[!+cp.error.password_new_confirm]]</span></label>
                    <div class="control has-icons-left">
                        <input type="password" name="password_new_confirm" id="password_new_confirm" value="[[+cp.password_new_confirm]]" />
                        <span class="icon is-small is-left"><ion-icon name="person-circle-outline"></ion-icon></span>
                    </div>
                </div>

                <div class="field">
                    <div class="buttons is-right">                
                            <input class="button" type="submit" name="change-password" value="Passwort ändern" />
                    </div>
                </div>
            </fieldset>
        </form>
    </div>
</div>
