<mvc:View
    xmlns:mvc='sap.ui.core.mvc'
    xmlns='sap.m'
    xmlns:core='sap.ui.core'
    xmlns:l='sap.ui.layout'
    xmlns:f='sap.ui.layout.form'
    xmlns:t='sap.ui.table'
    xmlns:tnt='sap.tnt'
    xmlns:lib='sap.mcsuite.lib'
    controllerName='sap.mcsuite.controller.Index'
    core:require="{
                        format: 'sap/mcsuite/model/Format',
                        utils: 'sap/mcsuite/model/Utils',
                        translate: 'sap/mcsuite/model/Translate'
                    }"
>
<ScrollContainer horizontal="false" vertical="true" height="100%" class="sapUiContentPadding" content="{path: 'navigationList>/menu'}" >
                    <GenericTile
                        header='{navigationList>name}'
                        class="sapUiSmallMargin index-tile"
                  >
                    <TileContent class="index-tile-content">
                        <VBox>
                            <NumericContent value='{navigationList>badge}' width="4rem" class="index-tile-kpi" valueColor="Error" visible='true'/>
                            <HBox width="100%" alignItems="Center" justifyContent="Center">
                                <core:Icon src='{navigationList>icon}' width="5rem" size="200%" press="onSubmenuSelect" class="index-tile-icon">
                                    <core:customData>
                                        <core:CustomData
                                            key='target'
                                            value='{navigationList>target}'
                                        />
                                        <core:CustomData
                                            key='parameters'
                                            value='{navigationList>parameters}'
                                        />
                                    </core:customData>
                                </core:Icon>
                            </HBox>
                            <HBox items="{path: 'navigationList>submenu',
                                    templateShareable: false}" width="100%" wrap="Wrap" justifyContent="Center" alignItems="Center">
                                <Button 
                                    text='{navigationList>name}'
                                    press='onSubmenuSelect'
                                    type='Transparent'
                                    class="index-tile-button"
                                    >
                                    
                                    <customData>
                                    <core:CustomData
                                        key='target'
                                        value='{navigationList>target}'
                                    />
                                    <core:CustomData
                                        key='parameters'
                                        value='{navigationList>parameters}'
                                    />
                                    </customData>
                                </Button>
                            </HBox>
                        </VBox>
                    </TileContent>
                    </GenericTile>
                    <!-- <HBox alignContent="Center">
                    <core:Icon src='{navigationList>icon}' width="5rem" size="200%" class='sapUiSmallMargin' press="onSubmenuSelect"
                    >
                        <core:customData>
                            <core:CustomData
                                key='target'
                                value='{navigationList>target}'
                            />
                            <core:CustomData
                                key='parameters'
                                value='{navigationList>parameters}'
                            />
                        </core:customData>
                    </core:Icon>
                    <FlexBox fitContainer="true" items="{path: 'navigationList>submenu',
                templateShareable: false}" alignItems="Center">
                    <Button 
                        text='{navigationList>name}'
                        press='onSubmenuSelect'
                        type='Transparent'
                    >
                        <customData>
                            <core:CustomData
                                key='target'
                                value='{navigationList>target}'
                            />
                            <core:CustomData
                                key='parameters'
                                value='{navigationList>parameters}'
                            />
                        </customData>
                    </Button>
                    
                    
                    </FlexBox>
                    </HBox> -->
    </ScrollContainer>
</mvc:View>
