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

<f:if condition="{context} == 'backend'">
    <f:then>

        <div class="module" data-module-id="" data-module-name="{moduleName}">
            <div class="module-docheader t3js-module-docheader">
                <div class="module-docheader-bar module-docheader-bar-navigation t3js-module-docheader-bar t3js-module-docheader-bar-navigation row">
                    <div class="module-docheader-bar-column-left col-12 col-sm-4 col-md-3">
                        <div class="row"></div>
                    </div>
                    <div class="module-docheader-bar module-docheader-bar-buttons t3js-module-docheader-bar t3js-module-docheader-bar-buttons">
                        <div class="module-docheader-bar-column-left">
                            <div class="btn-toolbar" role="toolbar" aria-label=""></div>
                        </div>
                        <div class="module-docheader-bar-column-right"></div>
                    </div>
                </div>
            </div>
            <div class="module-body t3js-module-body">
                <div id="t3js-ui-block" class="ui-block">
                    <core:icon identifier="spinner-circle" size="large" />
                    <h2 id="t3js-ui-block-detail">Loading cards</h2>
                </div>
            </div>
        </div>

    </f:then>
    <f:else>

        <div class="scaffold t3js-scaffold scaffold-modulemenu-expanded">
            <div class="scaffold-header t3js-scaffold-header">
                <div class="scaffold-topbar t3js-scaffold-topbar">
                    <div class="topbar">
                        <div class="topbar-header t3js-topbar-header {f:if(condition: '{isInWorkspace}', then: 'typo3-in-workspace')}">
                            <button class="topbar-button topbar-button-modulemenu t3js-topbar-button-modulemenu"
                                title="Minimize/maximize module menu"
                                aria-label="Minimize/maximize module menu"
                            >
                                <core:icon identifier="actions-menu" alternativeMarkupIdentifier="inline" />
                            </button>
                            <div class="topbar-header-site">
                                <a href="" target="_top" title="TYPO3.CMS">
                                    <span class="topbar-header-site-logo">
                                        <img src="{f:uri.resource(path: 'EXT:install/Resources/Public/Images/typo3_logo_orange.svg')}" width="22" height="22" title="TYPO3 Content Management System" alt="TYPO3 Content Management System">
                                    </span>
                                    <span class="topbar-header-site-title">
                                        <span class="topbar-header-site-name">Install Tool<f:if condition="{siteName}"> on site: {siteName}</f:if></span>
                                        <span class="topbar-header-site-version">TYPO3 CMS {currentTypo3Version}</span>
                                    </span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="scaffold-modulemenu t3js-scaffold-modulemenu">
                <div class="modulemenu t3js-modulemenu" role="menubar" data-role="modulemenu" id="modulemenu">
                    <ul class="modulemenu-group-container">
                        <li data-level="1">
                            <a
                                href="install.php?{f:format.urlencode(value: 'install[controller]')}=maintenance"
                                title="Maintenance"
                                class="modulemenu-action"
                                role="menuitem"
                                data-installroute-controller="maintenance"
                            >
                                <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="module-install-maintenance" size="medium" alternativeMarkupIdentifier="inline"/></span>
                                <span class="modulemenu-name">Maintenance</span>
                                <span class="modulemenu-indicator" aria-hidden="true"></span>
                            </a>
                        </li>
                        <li data-level="1">
                            <a
                                href="install.php?{f:format.urlencode(value: 'install[controller]')}=settings"
                                title="Settings"
                                class="modulemenu-action"
                                role="menuitem"
                                data-installroute-controller="settings"
                            >
                                <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="module-install-settings" size="medium" alternativeMarkupIdentifier="inline"/></span>
                                <span class="modulemenu-name">Settings</span>
                                <span class="modulemenu-indicator" aria-hidden="true"></span>
                            </a>
                        </li>
                        <li data-level="1">
                            <a
                                href="install.php?{f:format.urlencode(value: 'install[controller]')}=upgrade"
                                title="Upgrade"
                                class="modulemenu-action"
                                role="menuitem"
                                data-installroute-controller="upgrade"
                            >
                                <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="module-install-upgrade" size="medium" alternativeMarkupIdentifier="inline"/></span>
                                <span class="modulemenu-name">Upgrade</span>
                                <span class="modulemenu-indicator" aria-hidden="true"></span>
                            </a>
                        </li>
                        <li data-level="1">
                            <a
                                href="install.php?{f:format.urlencode(value: 'install[controller]')}=environment"
                                title="Environment"
                                class="modulemenu-action"
                                role="menuitem"
                                data-installroute-controller="environment"
                            >
                                <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="module-install-environment" size="medium" alternativeMarkupIdentifier="inline"/></span>
                                <span class="modulemenu-name">Environment</span>
                                <span class="modulemenu-indicator" aria-hidden="true"></span>
                            </a>
                        </li>

                        <li class="modulemenu-group-spacer"></li>

                        <li data-level="1">
                            <a
                                href="index.php"
                                title="Switch to Backend"
                                class="modulemenu-action"
                                role="menuitem"
                            >
                                <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="modulegroup-web" size="medium" alternativeMarkupIdentifier="inline"/></span>
                                <span class="modulemenu-name">Switch to Backend</span>
                                <span class="modulemenu-indicator" aria-hidden="true"></span>
                            </a>
                        </li>
                        <li data-level="1">
                            <a
                                href="../index.php"
                                title="Switch to Frontend"
                                class="modulemenu-action"
                                role="menuitem"
                            >
                                <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="modulegroup-site" size="medium" alternativeMarkupIdentifier="inline"/></span>
                                <span class="modulemenu-name">Switch to Frontend</span>
                                <span class="modulemenu-indicator" aria-hidden="true"></span>
                            </a>
                        </li>

                        <li class="modulemenu-group-spacer"></li>

                        <li data-level="1">
                            <a
                                title="Logout"
                                class="modulemenu-action t3js-login-lockInstallTool"
                                role="menuitem"
                                id="logout"
                                href=""
                            >
                                <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="actions-logout" alternativeMarkupIdentifier="inline"/></span>
                                <span class="modulemenu-name">Logout</span>
                                <span class="modulemenu-indicator" aria-hidden="true"></span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="scaffold-content t3js-scaffold-content">
                <div class="scaffold-content-module t3js-scaffold-content-module">
                    <div class="module">
                        <div class="module-body t3js-module-body">
                            <div id="t3js-ui-block" class="ui-block">
                                <core:icon identifier="spinner-circle" size="large" />
                                <h2 id="t3js-ui-block-detail">Loading cards</h2>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="scaffold-content-overlay t3js-scaffold-content-overlay"></div>
            </div>
        </div>

    </f:else>
</f:if>

</html>
