<mvc:View
    controllerName="${ez5.appName}.controller.${ez5.controllerName}"
    xmlns="sap.m"
    xmlns:core="sap.ui.core"
    xmlns:form="sap.ui.layout.form"
    xmlns:l="sap.ui.layout"
    xmlns:mvc="sap.ui.core.mvc">
    <VBox class="sapUiSmallMargin">
        <VBox class="sapUiSmallMargin">
            <Button
                id="${ez5.controllerName}messagePopoverBtnId_"
                ariaHasPopup="Dialog"
                press=".handleMessagePopoverPress"
                text="Messages"
                visible="{=!!${message>/}.length}" />
        </VBox>
        <VBox class="sapUiSmallMargin">
            <form:Form
                id="${ez5.controllerName}FormId"
                editable="true">
                <form:title>
                    <core:Title text="Form" />
                </form:title>
                <form:layout>
                    <form:ResponsiveGridLayout
                        adjustLabelSpan="false"
                        columnsL="1"
                        columnsM="1"
                        columnsXL="1"
                        emptySpanL="4"
                        emptySpanM="4"
                        emptySpanS="0"
                        emptySpanXL="4"
                        labelSpanL="3"
                        labelSpanM="3"
                        labelSpanS="12"
                        labelSpanXL="3"
                        singleContainerFullSize="false" />
                </form:layout>
                <form:formContainers>
                    <form:FormContainer>
                        <form:formElements>
                            <form:FormElement label="ez5fieldsName">
                                <form:fields>
                                    <Text
                                        editable="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/editable}"
                                        value="{${ez5.controllerName}FormModel>/ez5fieldsName}"
                                        visible="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/visible}" />
                                    <Input
                                        editable="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/editable}"
                                        placeholder="Enter input.."
                                        value="{${ez5.controllerName}FormModel>/ez5fieldsName}"
                                        visible="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/visible}" />
                                    <Select
                                        editable="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/editable}"
                                        placeholder="Select an option"
                                        selectedKey="{${ez5.controllerName}FormModel>/ez5fieldsName}"
                                        visible="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/visible}">
                                        <core:Item
                                            key=""
                                            text="Select option" />
                                    </Select>
                                    <TextArea
                                        editable="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/editable}"
                                        placeholder="Enter text here..."
                                        value="{${ez5.controllerName}FormModel>/ez5fieldsName}"
                                        visible="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/visible}" />
                                    <CheckBox
                                        editable="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/editable}"
                                        selected="{${ez5.controllerName}FormModel>/ez5fieldsName}"
                                        text="Check me"
                                        visible="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/visible}" />
                                    <RadioButtonGroup
                                        editable="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/editable}"
                                        selected="{${ez5.controllerName}FormModel>/ez5fieldsName}"
                                        visible="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/visible}">
                                        <RadioButton
                                            text="Option A"
                                            value="A" />
                                        <RadioButton
                                            text="Option B"
                                            value="B" />
                                        <RadioButton
                                            text="Option C"
                                            value="C" />
                                    </RadioButtonGroup>
                                    <DatePicker
                                        editable="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/editable}"
                                        placeholder="Select a date"
                                        value="{${ez5.controllerName}FormModel>/ez5fieldsName}"
                                        visible="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/visible}" />
                                    <TimePicker
                                        editable="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/editable}"
                                        placeholder="Select a time"
                                        value="{${ez5.controllerName}FormModel>/ez5fieldsName}"
                                        visible="{${ez5.controllerName}HelperFormModel>/ez5fieldsName/visible}" />
                                </form:fields>
                            </form:FormElement>
                            <form:FormElement label="" />
                            <form:FormElement>
                                <form:fields>
                                    <Button
                                        press="onSubmit_"
                                        text="Submit"
                                        type="Emphasized">
                                        <layoutData>
                                            <l:GridData span="L5 M5 S5" />
                                        </layoutData>
                                    </Button>
                                </form:fields>
                            </form:FormElement>
                        </form:formElements>
                    </form:FormContainer>
                </form:formContainers>
            </form:Form>
        </VBox>
    </VBox>
</mvc:View>
