<html
    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
    data-namespace-typo3-fluid="true"
>

<f:layout name="Login" />

<f:section name="ResetPassword">
    <div class="typo3-login-form t3js-login-formfields">
        <h2><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:headline" /></h2>
        <f:if condition="{invalidToken}">
            <f:then>
                <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:error.token_expired')}" title="" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}" />
                <div class="d-grid">
                    <a class="btn d-block btn-login" href="{restartUrl}">
                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:button.restart" />
                    </a>
                </div>
            </f:then>
            <f:else if="{resetExecuted}">
                <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::OK')}" disableIcon="true" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:reset_success.headline')}">
                    <f:format.raw>
                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:reset_success.message" arguments="{0: '{f:be.uri(route: \'login\')}'}"/>
                    </f:format.raw>
                </f:be.infobox>
            </f:else>
            <f:else>
                <f:if condition="{error}">
                    <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:error.password')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}" />
                </f:if>
                <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:instructions.password" /></p>
                <form action="{formUrl}" method="post" name="forget-password-form" id="typo3-forget-password-form">
                    <div class="form-group">
                        <div class="form-control-wrap">
                            <div class="form-control-holder">
                                <label class="form-label" for="t3-reset-password"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:input.password" /></label>
                                <input
                                    type="password"
                                    id="t3-reset-password"
                                    name="password"
                                    value=""
                                    class="form-control form-control-clearable input-login t3js-clearable  t3js-capslockwarning t3js-login-password-field"
                                    autocomplete="new-password"
                                    autofocus="autofocus"
                                    required="required"
                                    spellcheck="false"
                                    data-capslockwarning-title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslock')}"
                                    data-capslockwarning-message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslockStatus')}"
                                    data-clearable-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.inputfield.clearButton.title')}"
                                />
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="form-control-wrap">
                            <div class="form-control-holder">
                                <label class="form-label" for="t3-reset-password-repeat"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:input.passwordrepeat" /></label>
                                <input
                                    type="password"
                                    id="t3-reset-password-repeat"
                                    name="passwordrepeat"
                                    value=""
                                    autocomplete="new-password"
                                    class="form-control form-control-clearable input-login t3js-clearable t3js-capslockwarning t3js-login-password-field"
                                    required="required"
                                    spellcheck="false"
                                    data-capslockwarning-title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslock')}"
                                    data-capslockwarning-message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslockStatus')}"
                                    data-clearable-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.inputfield.clearButton.title')}"
                                />
                            </div>
                        </div>
                    </div>
                    <div class="form-group d-grid">
                        <button class="btn d-block btn-login" type="submit" name="forgotPasswordSubmit">
                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:button.reset" />
                        </button>
                    </div>
                    <f:if condition="{passwordRequirements}">
                        <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:instructions.password_requirement" /></p>
                        <ul>
                            <f:for each="{passwordRequirements}" as="passwordRequirement">
                                <li>{passwordRequirement}</li>
                            </f:for>
                        </ul>
                    </f:if>
                </form>
            </f:else>
        </f:if>
    </div>
</f:section>

</html>
