<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"
    xmlns:mc="sap.mcsuite.controls"
    core:require="{
        formatter: 'sap/mcsuite/model/formatter'
    }"
    height="100%"
>
    <App
        id="MainApp"
        xmlns="sap.m"
        class="sapUiSizeCompact"
    >
    <pages>
    <Page id="MainPage" title="{i18n>title}" showHeader="false" class="sapUiContentPadding" backgroundDesign="Solid">
        <HBox height="100%">
            <VBox id="sideContent" class="side-content" width="20%" height="100%" backgroundDesign="Transparent">
                <customData>
                        <core:CustomData key="isExpanded" value="true"/>
                    </customData>
                <HBox justifyContent="Center" alignContent="Center" class="logo-container">
                    
                <Image
                    src="/assets/img/Infraserv_Höchst_logo-snipped.png"
                    class="logo-image"
                    press="onLogoImageClick"
                />
                <Text text="Infraserv Höchst NewOrg" class="logo-text"/>
                </HBox>
                <HBox justifyContent="Center" alignContent="Center">
                <Button
                    id="sideNavigationToggleButton"
                    icon="sap-icon://fa-light/angles-up-down"
                    type="Transparent"
                    press="onToggleSideNavPress"
                    class="menu-button"
                >
                    <layoutData>
                        <OverflowToolbarLayoutData
                            priority="NeverOverflow"
                        />
                    </layoutData>
                </Button>
                
                </HBox>
                <VBox id="navigation-list" height="50%" items="{path: 'navigationList>/menu', templateShareable:false}">
                    <mc:NavItem text="{navigationList>name}" icon="{navigationList>icon}" press="onNavItemPress" items="{path: 'navigationList>submenu', templateShareable:false}">
                        <mc:customData>
                            <core:CustomData key="target" value="{navigationList>target}"/>
                            <core:CustomData key="parameters" value="{navigationList>parameters}"/>
                        </mc:customData>
                        <mc:items>
                            <mc:NavItem text="{navigationList>name}" icon="{navigationList>icon}" press="onNavItemPress" showBottomBorder="false">
                                <mc:customData>
                                    <core:CustomData key="target" value="{navigationList>target}"/>
                                    <core:CustomData key="parameters" value="{navigationList>parameters}"/>
                                </mc:customData>
                            </mc:NavItem>
                        </mc:items>
                    </mc:NavItem>
                </VBox>
                <VBox id="footer-navigation-list" height="20%" class = "footer-navigation-list">
                    <mc:NavItem text="Settings" icon="sap-icon://fa-light/cog" press="onNavItemPress">
                        <mc:items>
                            <mc:NavItem text="Settings" icon="sap-icon://fa-light/cog" press="onNavItemPress" showBottomBorder="false"/>
                        </mc:items>
                    </mc:NavItem>
                </VBox>
            </VBox>
            <core:HTML id="verticalSeparator" content="&lt;div class='vertical-separator'&gt;&lt;/div&gt;" />
            <VBox width="80%" height="100%" alignItems="Stretch" justifyContent="Start" class="main-content" backgroundDesign="Solid">
                <NavContainer id="moduleContainer" width="100%" height="100%"/>
                <!-- <TabContainer class="tab-container" backgroundDesign="Solid">
                    <items>
                        <TabContainerItem>
                        <content>
                            <VBox>
                                <Label text="Home"/>
                                <Text text="Welcome to the Home Page"/>
                            </VBox>
                            
                        </content>
                        </TabContainerItem>
                    </items>
                </TabContainer> -->
            </VBox>
        </HBox>
    </Page>
    </pages>
    </App>
</mvc:View>
