<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:core="sap.ui.core"
          controllerName="sap.ovp.cards.rta.SelectIcons">

    <Toolbar>
        <Title text="{ovpResourceModel>OVP_KEYUSER_ICONS_DIALOG}({/NoOfIcons})" class="sapUiSmallMarginBegin"/>
        <!--<SegmentedButton selectedKey="IconTable" selectionChange="onSelectionChange"
                         class="sapUiSmallMarginBegin {= ${tableRows>/densityStyle} === 'compact' ? 'sapUiSizeCompact' : ''}">
            <items>
                <SegmentedButtonItem text="Icons({/NoOfIcons})" key="IconTable" />
                <SegmentedButtonItem text="Images({/NoOfImages})" key="ImageTable" />
            </items>
        </SegmentedButton>-->

        <ToolbarSpacer/>

        <SearchField placeholder="{ovpResourceModel>OVP_KEYUSER_PLACEHOLDER_FOR_SEARCH}" width="40%" search="filterTable"
                     class="{= ${tableRows>/densityStyle} === 'compact' ? 'sapUiSizeCompact' : ''}"/>
    </Toolbar>

    <ScrollContainer id="iconsScrollContainer"
            class="sapOvpScrollContainer"
            width="100%"
            horizontal="false"
            vertical="true"
            focusable="true">
        <Table id="IconTable" sticky="ColumnHeaders" inset="false" fixedLayout="false"
               items="{/Icons}" visible="{= ${/tableName} === 'IconTable' ? true : false}">
            <columns>
                <Column>
                    <Label text="{ovpResourceModel>OVP_KEYUSER_TABLE_TITLE_ICON}" />
                </Column>
                <Column>
                    <Label text="{ovpResourceModel>OVP_KEYUSER_TABLE_TITLE_NAME}" />
                </Column>
            </columns>
            <items>
                <ColumnListItem type="Active" press="onItemPress">
                    <cells>
                        <core:Icon src="{Icon}"/>
                        <Text text="{Name}"/>
                    </cells>
                </ColumnListItem>
            </items>
        </Table>

        <Table id="ImageTable" inset="false" fixedLayout="false"
               items="{/Images}" visible="{= ${/tableName} === 'ImageTable' ? true : false}">
            <columns>
                <Column>
                    <Label text="{ovpResourceModel>OVP_KEYUSER_TABLE_TITLE_IMAGE}" />
                </Column>
                <Column>
                    <Label text="{ovpResourceModel>OVP_KEYUSER_TABLE_TITLE_NAME}" />
                </Column>
            </columns>
            <items>
                <ColumnListItem type="Active" press="onItemPress">
                    <cells>
                        <Image src="{Image}" width="3rem" height="3rem"/>
                        <Text text="{Name}"/>
                    </cells>
                </ColumnListItem>
            </items>
        </Table>
    </ScrollContainer>
</mvc:View>