<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:core="sap.ui.core"
	xmlns:template="http://schemas.sap.com/sapui5/extension/sap.ui.core.template/1"
    xmlns:l="sap.ui.layout"
	controllerName="sap.ovp.cards.rta.SettingsDialog">

    <OverflowToolbar width="100%" visible="{visibility>/viewSwitchEnabled}" class="sapOvpSettingsDialogOverFlowToolbar sapUiSmallMarginTopBottom">
        <ToolbarSpacer/>
            <Select enabled="{visibility>/showViewSwitch}"
                    items="{
                                path: '/aViews'
                            }"
                    selectedKey="{/selectedKey}" change="selectViewSwitch">
                <core:Item key="{key}" text="{text}"/>
            </Select>
            <Button id="addView" text="{ovpResourceModel>OVP_KEYUSER_ADD_VIEW_BUTTON}" press="addView" type="Transparent"/>
            <Button id="deleteView" enabled="{visibility>/showViewName}" type="Transparent"
                    text="{ovpResourceModel>OVP_KEYUSER_DELETE_VIEW_BUTTON}" press="deleteView"/>
        <ToolbarSpacer/>
    </OverflowToolbar>

    <template:if test="{= ${deviceSystemProperties>/phone}}" >
        <template:then>
            <Carousel>
                <pages>
                    <l:VerticalLayout>
                        <core:Fragment fragmentName="sap.ovp.cards.rta.SettingsDialogCardPreview" type="XML"/>
                    </l:VerticalLayout>
                    <l:VerticalLayout>
                        <core:Fragment fragmentName="sap.ovp.cards.rta.SettingsDialogForm" type="XML"/>
                    </l:VerticalLayout>
                </pages>
            </Carousel>
        </template:then>
        <template:else>
            <ScrollContainer
                    id="SettingsDialogScrollContainerForForm"
                    class="sapOvpScrollContainer"
                    width="100%"
                    height="100%"
                    horizontal="false"
                    vertical="true"
                    focusable="true">
                <FlexBox id="dialogContainer" direction="{deviceMediaProperties>/deviceMedia}">
                    <template:if test="{= !${ovpCardProperties>/addNewCard}}" >
                        <VBox id="dialogCardVBox">
                            <core:Fragment fragmentName="sap.ovp.cards.rta.SettingsDialogCardPreview" type="XML"/>
                        </VBox>
                    </template:if>
                    <VBox id="sapOvpSettingsForm">
                        <core:Fragment fragmentName="sap.ovp.cards.rta.SettingsDialogForm" type="XML"/>
                    </VBox>
                </FlexBox>
            </ScrollContainer>
        </template:else>
    </template:if>
</mvc:View>