<mvc:View
    controllerName="sap.mcsuite.controller.Main"
    displayBlock="true"
    xmlns="sap.m"
    xmlns:tnt="sap.tnt"
    xmlns:uxap="sap.uxap"
    xmlns:mvc="sap.ui.core.mvc"
    xmlns:core="sap.ui.core"
    core:require="{
                        format: 'sap/mcsuite/model/Format',
                        utils: 'sap/mcsuite/model/Utils',
                        translate: 'sap/mcsuite/model/Translate'
                    }"
>
    <App
        id="MainApp"
        xmlns="sap.m"
        class="sapUiSizeCompact"
    >
        <pages>
            <tnt:ToolPage id="toolPage">
                <tnt:header>
                    <tnt:ToolHeader id="MCSuiteHeader">
                        <Button
                            id="sideNavigationToggleButton"
                            icon="sap-icon://fa-light/bars"
                            type="Transparent"
                            press="onToggleSideNavPress"
                        >
                            <layoutData>
                                <OverflowToolbarLayoutData
                                    priority="NeverOverflow"
                                />
                            </layoutData>
                        </Button>
                        <ToolbarSpacer width="20px" />
                        <Image
                            src="/assets/img/Infraserv_Höchst_logo.svg.png"
                            class="logo-img"
                            press="goHome"
                        />
                        <tnt:ToolHeaderUtilitySeparator />
                        <ToolbarSpacer />
                        <Button
                            id="menu"
                            icon="sap-icon://fa-light/user-group"
                            text="{auth>/username}"
                            type="Transparent"
                            ariaHasPopup="Menu"
                            press="onLoginPress"
                        >
                            <layoutData>
                                <OverflowToolbarLayoutData
                                    priority="NeverOverflow"
                                />
                            </layoutData>
                        </Button>
                        <Button
                            id="logout"
                            icon="sap-icon://fa-light/right-from-bracket"
                            type="Transparent"
                            press="onLogoutPress"
                        />
                    </tnt:ToolHeader>
                </tnt:header>

                <tnt:sideContent>
                    <tnt:SideNavigation
                        expanded="true"
                        id="SideNavigation"
                    >
                        <tnt:NavigationList
                            id="navigationList"
                            items="{path: 'navigationList>/menu', templateShareable:false}"
                            
                        >
                            <tnt:customData>
                                        <core:CustomData
                                            key="parameters"
                                            value="{navigationList>parameters}"
                                        />
                                    </tnt:customData>
                            <tnt:items>
                                <tnt:NavigationListItem
                                    text="{navigationList>name}"
                                    key="{navigationList>target}"
                                    icon="{navigationList>icon}"
                                    expanded="false"
                                    select="onSelect"
                                    modelContextChange="onModelLoaded"
                                    items="{path: 'navigationList>submenu', templateShareable:false}"
                                >
                                    <tnt:customData>
                                        <core:CustomData
                                            key="parameters"
                                            value="{navigationList>parameters}"
                                        />
                                    </tnt:customData>
                                    <tnt:items>
                                        <tnt:NavigationListItem
                                            text="{navigationList>name}"
                                            key="{navigationList>target}"
                                            select="onSelect"
                                        >
                                            <tnt:customData>
                                                <core:CustomData
                                                    key="parameters"
                                                    value="{navigationList>parameters}"
                                                />
                                            </tnt:customData>
                                        </tnt:NavigationListItem>
                                    </tnt:items>
                                </tnt:NavigationListItem>
                            </tnt:items>
                        </tnt:NavigationList>

                        <tnt:fixedItem>
                            <tnt:NavigationList>
                                <tnt:NavigationListItem
                                    key="configuration"
                                    text="Einstellungen"
                                    icon="sap-icon://fa-light/gears"
                                    select="navToSettings"
                                />
                                <tnt:NavigationListItem
                                    key="helpdesk"
                                    text="Helpdesk"
                                    icon="sap-icon://fa-light/address-book"
                                    select="navToHelpdesk"
                                />
                            </tnt:NavigationList>
                        </tnt:fixedItem>
                    </tnt:SideNavigation>
                </tnt:sideContent>  

                <tnt:mainContents>
                    <NavContainer id="moduleContainer" width="100%" class="nav-container"
                        height="100%"
                    />
                </tnt:mainContents>
            </tnt:ToolPage>
        </pages>
    </App>
</mvc:View>