<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<h3>
    <f:translate key="change_password_header"/>
</h3>
<p>
    <f:if condition="{passwordRequirements}">
        <f:translate key="change_password_description" />
    </f:if>
</p>

<f:render partial="ValidationErrors"/>

<f:form action="changePassword" method="post" spellcheck="false">
    <legend>
        <f:translate key="change_password"/>
    </legend>
    <div>
        <label for="tx-felogin-input-newpassword-1">
            <f:translate key="newpassword_label1"/>
        </label>
        <f:form.password name="newPass" required="required" autocomplete="new-password" id="tx-felogin-input-newpassword-1"/>
    </div>
    <div>
        <label for="tx-felogin-input-newpassword-2">
            <f:translate key="newpassword_label2"/>
        </label>
        <f:form.password name="newPassRepeat" required="required" autocomplete="new-password" id="tx-felogin-input-newpassword-2"/>
    </div>
    <f:form.hidden name="hash" value="{hash}"/>
    <f:form.submit value="{f:translate(key: 'change_password')}"/>
</f:form>

<f:if condition="{passwordRequirements}">
    <p><f:translate key="password_requirement"/></p>
    <ul>
        <f:for each="{passwordRequirements}" as="passwordRequirement">
            <li>{passwordRequirement}</li>
        </f:for>
    </ul>
</f:if>

<p>
    <f:link.action action="login" controller="Login">
        <f:translate key="forgot_header_backToLogin"/>
    </f:link.action>
</p>
</html>
