<f:layout name="Cards"/>

<f:section name="headline">
    <h1>Upgrade</h1>
</f:section>

<f:section name="cards">
    <div class="card card-size-small {f:if(condition:'{composerMode}', then: 'card-disabled')}">
        <f:render partial="Card/Header" arguments="{ title: 'Update TYPO3 Core', subtitle: 'Core Upgrade', icon: 'EXT:install/Resources/Public/Icons/modules/install-update.svg'}"/>
        <div class="card-body">
            <p class="card-text">Update your TYPO3 installation (support for symbolic links required).</p>
        </div>
        <f:if condition="{composerMode}">
            <f:then>
                <div class="card-footer text-variant">
                    This function is not available as your installation is in composer mode. Please refer to the
                    <a href="https://docs.typo3.org/upgrade" target="_blank" rel="noreferrer">TYPO3 upgrade guide</a> for more information on how to upgrade your instance.
                </div>
            </f:then>
            <f:else>
                <div class="card-footer">
                    <button type="button" class="btn btn-default" data-import="@typo3/install/module/upgrade/core-update.js">Update Core&hellip;</button>
                </div>
            </f:else>
        </f:if>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Upgrade Wizard', subtitle: 'Core Upgrade', icon: 'EXT:install/Resources/Public/Icons/modules/install-wizards.svg'}" />
        <div class="card-body">
            <p class="card-text">Finalise the upgrade process when moving to a major release of TYPO3.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-import="@typo3/install/module/upgrade/upgrade-wizards.js">Run Upgrade Wizard&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'View Upgrade Documentation', subtitle: 'Core Upgrade', icon: 'EXT:install/Resources/Public/Icons/modules/install-documentation.svg'}" />
        <div class="card-body">
            <p class="card-text">View and search for important changes that have been made in major and minor releases of TYPO3.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-import="@typo3/install/module/upgrade/upgrade-docs.js">View Upgrade Documentation&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Check for Broken Extensions', subtitle: 'Extensions', icon: 'EXT:install/Resources/Public/Icons/modules/install-check-brokenextension.svg'}" />
        <div class="card-body">
            <p class="card-text">Check compatibility of active extensions with the current TYPO3 installation.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-modal-size="small" data-import="@typo3/install/module/upgrade/extension-compat-tester.js">Check Extension Compatibility&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small">
        <f:render partial="Card/Header" arguments="{ title: 'Check TCA Migrations', subtitle: 'TCA', icon: 'EXT:install/Resources/Public/Icons/modules/install-check-tca.svg'}" />
        <div class="card-body">
            <p class="card-text">Identify any third-party extensions with an outdated TCA configuration which should be adapted for the installed version of TYPO3.</p>
        </div>
        <div class="card-footer">
            <button type="button" class="btn btn-default" data-import="@typo3/install/module/upgrade/tca-migrations-check.js">Check TCA Migrations&hellip;</button>
        </div>
    </div>
    <div class="card card-size-small {f:if(condition:'!{hasExtensions}', then: 'card-disabled')}">
        <f:render partial="Card/Header" arguments="{ title: 'Scan Extension Files', subtitle: 'Extensions', icon: 'EXT:install/Resources/Public/Icons/modules/install-scan-extensions.svg'}" />
        <div class="card-body">
            <p class="card-text">Scan extensions for deprecated or outdated TYPO3 API calls.</p>
        </div>
        <f:if condition="{hasExtensions}">
            <f:then>
                <div class="card-footer">
                    <button type="button" class="btn btn-default" data-import="@typo3/install/module/upgrade/extension-scanner.js">Scan Extension Files&hellip;</button>
                </div>
            </f:then>
            <f:else>
                <div class="card-footer text-variant">
                    This feature is not available because no extension folders were found.
                </div>
            </f:else>
        </f:if>
    </div>
</f:section>
