<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 module-layout-normal" data-module-id="" data-module-name="{moduleName}">
            <div class="module-docheader module-docheader-navigation t3js-module-docheader-navigation">
                <div class="module-docheader-column module-docheader-column-breadcrumb"></div>
                <div class="module-docheader-column"></div>
            </div>
            <div class="module-body t3js-module-body">
                <div class="module-body-container t3js-module-body-container">
                    <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>

    </f:then>
    <f:else>

        <div class="scaffold t3js-scaffold">
            <div class="scaffold-header t3js-scaffold-header">
                <div class="scaffold-topbar t3js-scaffold-topbar">
                    <div class="topbar t3js-topbar">
                        <typo3-backend-sidebar-toggle
                            class="topbar-button topbar-button-modulemenu"
                            label-collapse="Collapse sidebar"
                            label-expand="Expand sidebar"
                        ></typo3-backend-sidebar-toggle>
                        <a class="topbar-site" href="" target="_top" title="TYPO3.CMS">
                            <span class="topbar-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-site-title">
                                <span class="topbar-site-name">Install Tool<f:if condition="{siteName}"> on site: {siteName}</f:if></span>
                                <span class="topbar-site-version">TYPO3 CMS {currentTypo3Version}</span>
                            </span>
                        </a>
                    </div>
                </div>
            </div>
            <div class="scaffold-sidebar t3js-scaffold-sidebar">
                <div class="sidebar-container">
                    <div class="sidebar-component">
                        <div class="modulemenu t3js-modulemenu" role="menubar" data-role="modulemenu" id="modulemenu">
                            <ul class="modulemenu-group-container">
                                <li data-level="1">
                                    <a
                                        href="?__typo3_install&{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="?__typo3_install&{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="?__typo3_install&{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="?__typo3_install&{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="{backendUrl}"
                                        title="Switch to Backend"
                                        class="modulemenu-action"
                                        role="menuitem"
                                    >
                                        <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="module-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="{frontendUrl}"
                                        title="Switch to Frontend"
                                        class="modulemenu-action"
                                        role="menuitem"
                                    >
                                        <span class="modulemenu-icon" aria-hidden="true"><core:icon identifier="module-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>
            </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 class="module-body-container t3js-module-body-container">
                                <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>
            </div>
            <div class="scaffold-overlay"></div>
        </div>

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

</html>
