<mvc:View
		controllerName="sap.m.sample.MessagePopoverMessageHandling.controller.MessagePopoverMessageHandling"
		height="100%"
		xmlns:f="sap.ui.layout.form"
		xmlns:mvc="sap.ui.core.mvc"
		xmlns:core="sap.ui.core"
		xmlns="sap.m">
	<Page id="messageHandlingPage" showHeader="false">
		<content>
			<VBox class="sapUiSmallMargin" id="formContainer" items="{
					path: '/forms'
				}">
				<f:SimpleForm id="SimpleFormChangeColumn_twoGroups234"
							  editable="true"
							  layout="ColumnLayout"
							  title="Personal"
							  columnsM="2"
							  columnsL="2"
							  columnsXL="2">
					<f:content>
						<core:Title text="Information" />
						<Label text="Name" />
						<Input required="true" change="onChange" value="{
							path : 'name',
							type : 'sap.ui.model.type.String'
						}"/>
						<Label text="Street/No." />
						<Input value="{street/name}">
						</Input>
						<Input value="{street/number}">
							<layoutData>
								<f:ColumnElementData cellsSmall="2" cellsLarge="2" />
							</layoutData>
						</Input>
						<Label text="ZIP Code/City" />
						<Input value="{
							path : 'zip/code',
							type : 'sap.ui.model.type.Integer'}">
							<layoutData>
								<f:ColumnElementData cellsSmall="3" cellsLarge="2" />
							</layoutData>
						</Input>
						<Input value="{zip/city}" />
						<Label text="Country" />
						<Select id="country" selectedKey="{country}">
							<items>
								<core:Item text="England" key="England"/>
								<core:Item text="Germany" key="Germany"/>
								<core:Item text="USA" key="USA"/>
							</items>
						</Select>
						<core:Title text="Contact" />
						<Label text="Email" />
						<Input value="{
							path : 'email',
							type : 'sap.ui.model.type.String',
							constraints: {
								search: '^\\w+[\\w-+\\.]*\\@[a-zA-Z]+.[a-zA-Z]+'
								}
							}"/>
						<Label text="Phone Number" />
						<Input value="{phone/number}">
						</Input>
						<Input value="{phone/time}">
							<layoutData>
								<f:ColumnElementData cellsSmall="2" cellsLarge="2" />
							</layoutData>
						</Input>
						<Label text="Personal website" />
						<Input value="{website}"/>
					</f:content>
				</f:SimpleForm>
			</VBox>
			<VBox class="sapUiSmallMargin" id="formContainerEmployment" items="{
					path: '/employment'
				}">
				<f:SimpleForm editable="true"
							  layout="ColumnLayout"
							  title="Personal"
							  columnsM="2"
							  columnsL="2"
							  columnsXL="2">
					<f:content>
						<core:Title text="Information" />
						<Label text="Job Classification" />
						<Input value="{jobTitle}"/>
						<Label text="Pay Grade" />
						<Input value="{payGrade}">
						</Input>
						<Label text="Unit" />
						<Input value="{unit}">
						</Input>
						<core:Title text="Rating" />
						<Label text="Employee Class" />
						<Input value="{class}"/>
						<Label text="FTE" />
						<Input value="{fte}">
						</Input>
						<Label text="Standard Weekly Hours" />
						<Input change="onChange" value="{
							path: 'weeklyHours',
							type: 'sap.ui.model.type.Integer',
							constraints: {
								maximum: 40
							}
						}">
						</Input>
					</f:content>
				</f:SimpleForm>
			</VBox>
		</content>
		<footer>
			<OverflowToolbar>
				<Button id="messagePopoverBtn"
					visible="{=!!${message>/}.length}"
					icon="{ path: '/', formatter: '.buttonIconFormatter' }"
					type="{ path: '/', formatter: '.buttonTypeFormatter' }"
					text= "{path: '/', formatter: '.highestSeverityMessages' }"
					press=".handleMessagePopoverPress"
					ariaHasPopup="Dialog"/>
				<ToolbarSpacer/>
				<Button type="Emphasized" text="Save" press="_generateInvalidUserInput" />
				<Button text="Cancel" />
			</OverflowToolbar>
		</footer>
	</Page>
</mvc:View>
