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

<f:if condition="!{isLocked}">
    <f:then>
        <div class="form-group">
            <div class="form-field-item">
                <div class="form-control-wrap">
                    <div class="form-control-holder">
                        <label class="form-label" for="totp"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_mfa_provider.xlf:auth.totp.inputLabel" /></label>
                        <input type="text" inputmode="numeric" id="totp" class="form-control input-login" name="totp" value="" autofocus="autofocus" autocomplete="one-time-code" required="required" maxlength="6" minlength="6" pattern="[0-9]+" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_mfa_provider.xlf:auth.totp.inputLabel')}"/>
                    </div>
                </div>
            </div>
        </div>
    </f:then>
    <f:else>
        <p>
            <core:icon identifier="actions-lock"/>
            <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_mfa_provider.xlf:locked"/>
        </p>
    </f:else>
</f:if>

</html>
