<mvc:View xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m" xmlns:core="sap.ui.core"
           xmlns:f="sap.ui.layout.form"
           xmlns:l="sap.ui.layout"
           controllerName="sap.ovp.cards.rta.AppSettingsDialog">
    <VBox class="sapOvpScrollContainer sapUiLargeMargin">
        <f:Form editable="true">
            <f:layout>
                <f:ResponsiveGridLayout
                        labelSpanXL="6" labelSpanL="6" labelSpanM="6" labelSpanS="6" adjustLabelSpan="false"
                        emptySpanXL="0" emptySpanL="0" emptySpanM="0" emptySpanS="0"
                        singleContainerFullSize="false" />
            </f:layout>
            <f:formContainers>
                <f:FormContainer>
                    <f:formElements>
                        <f:FormElement label="{ovpResourceModel>showGlobalFilter}">
                            <f:fields>
                                <Switch state="{/showGlobalFilters}" type="Default" change="onChange" />
                            </f:fields>
                        </f:FormElement>
                        <f:FormElement label="{ovpResourceModel>OVP_KEYUSER_LABEL_FILTER_ENTITY_TYPE}" visible="{/showGlobalFilters}">
                            <f:fields>
                                <ComboBox items="{path: '/allEntityTypes'}"
                                        selectedKey= "{/globalFilterEntityType}"
                                        forceSelection="false"
                                        change="onChange" >
                                    <core:Item key="{name}" text="{name}"/>
                                </ComboBox>
                            </f:fields>
                        </f:FormElement>
                        <f:FormElement label="{ovpResourceModel>OVP_KEYUSER_LABEL_LIVE_FILTER}" visible="{/showGlobalFilters}">
                            <f:fields>
                                <Switch state="{/enableLiveFilter}"  change="onChange" type="Default"  />
                            </f:fields>
                        </f:FormElement>
                        <f:FormElement label="{ovpResourceModel>OVP_KEYUSER_LABEL_SMART_VARIANT}" visible="{/showGlobalFilters}">
                            <f:fields>
                                <Switch state="{/smartVariantRequired}"  change="onChange" type="Default"  />
                            </f:fields>
                        </f:FormElement>
                        <f:FormElement label="{ovpResourceModel>OVP_KEYUSER_LABEL_CONTAINER_LAYOUT}">
                            <f:fields>
                                <SegmentedButton selectedKey="{/containerLayout}" select="onChange" >
                                    <items>
                                        <SegmentedButtonItem key="fixed"
                                                             text="fixed" />
                                        <SegmentedButtonItem key="resizable"
                                                             text="resizable" />
                                    </items>
                                </SegmentedButton>
                            </f:fields>
                        </f:FormElement>
                        <f:FormElement label="{ovpResourceModel>OVP_KEYUSER_LABEL_DATE_RANGE_TYPE}" visible="{/showGlobalFilters}">
                            <f:fields>
                                <Switch state="{/useDateRangeType}"  change="onChange" type="Default"  />
                            </f:fields>
                        </f:FormElement>
                        <f:FormElement label="{ovpResourceModel>OVP_KEYUSER_LABEL_DATE_RELATIVE_FORMAT}">
                            <f:fields>
                                <Switch state="{/showDateInRelativeFormat}"  change="onChange" type="Default"  />
                            </f:fields>
                        </f:FormElement>

                    </f:formElements>
                </f:FormContainer>
            </f:formContainers>
        </f:Form>
    </VBox>
</mvc:View>