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

<div class="container">
    <div class="page-header">
        <h1 class="logo-pageheader">
            <img src="{f:uri.resource(path: 'EXT:core/Resources/Public/Images/typo3_orange.svg')}" width="130" class="logo" alt="TYPO3 logo" />
            <f:if condition="{siteName}">Site: {siteName} </f:if><small>Login to TYPO3 Install Tool</small>
        </h1>
    </div>
    <div class="row justify-content-center">
        <div class="col-lg-8 col-xl-6">
            <div id="t3-install-box-body" class="mb-4">
                <form method="post" class="row align-items-end" id="t3-install-form-login" data-login-token="{loginToken}" spellcheck="false">
                    <div class="col-12 col-md-auto mb-2 mb-md-0">
                        <label for="t3-install-form-password">Password</label>
                        <input id="t3-install-form-password" type="password" name="install[password]" class="t3-install-form-input-text form-control" autofocus="autofocus" />
                    </div>
                    <div class="col-4 col-md-auto">
                        <button type="button" class="btn btn-default btn-success t3js-login-login">
                            Login
                        </button>
                    </div>
                    <div class="col-8 col-md-auto ms-auto">
                        <f:if condition="!{installToolEnableFilePermanent}">
                            <button type="button" class="btn btn-default btn-danger float-end t3js-login-lockInstallTool">
                                <core:icon identifier="actions-lock" size="small" /> Lock Install Tool again
                            </button>
                        </f:if>
                    </div>
                </form>
            </div>

            <div class="t3js-login-output"></div>

            <f:if condition="{installToolEnableFilePermanent}">
                <div class="callout callout-danger">
                    <div class="callout-title">Install Tool is permanently enabled</div>
                    <div class="callout-body">
                        The Install Tool is permanently enabled because our <code>ENABLE_INSTALL_TOOL</code> file contains
                        the text <em>KEEP_FILE</em>.<br />
                        Never use this on production systems!
                    </div>
                </div>
            </f:if>

            <div class="callout callout-info">
                <div class="callout-title">Information</div>
                <div class="callout-body">
                    By default the Install Tool password is the one specified during the installation.
                </div>
            </div>
            <div class="callout callout-warning">
                <div class="callout-title">Important</div>
                <div class="callout-body">
                    If you don't know the current password, you can set a new one by setting the value of
                    <code>$GLOBALS['TYPO3_CONF_VARS']['BE']['installToolPassword']</code> in <code>{configFile}</code> to
                    the hash value of the password you desire, which will be shown if you enter the desired password
                    in this form and submit it.
                    <br /><br />
                    This password gives an attacker full control over your instance if cracked. It should be strong
                    (include lower and upper case characters, special characters and numbers) and at least eight characters long.
                </div>
            </div>
        </div>
    </div>
</div>

</html>
