<mvc:View
	height="100%"
	controllerName="sap.m.sample.WizardCurrentStep.controller.Linear"
	xmlns:form="sap.ui.layout.form"
	xmlns:core="sap.ui.core"
	xmlns:u="sap.ui.unified"
	xmlns:mvc="sap.ui.core.mvc"
	xmlns="sap.m">
	<Wizard
		id="CreateProductWizard"
		finishButtonText="Finish"
		currentStep="PricingStep"
		class="sapUiResponsivePadding--header sapUiResponsivePadding--content">
		<WizardStep id="ProductTypeStep"
					title="Product Type"
					activate="onActivate">
			<MessageStrip class="sapUiSmallMarginBottom"
					text="The Wizard control is supposed to break down large tasks, into smaller steps, easier for the user to work with."
					showIcon="true"/>
			<Text class="sapUiSmallMarginBottom"
					text="Sed fermentum, mi et tristique ullamcorper, sapien sapien faucibus sem, quis pretium nibh lorem malesuada diam. Nulla quis arcu aliquet, feugiat massa semper, volutpat diam. Nam vitae ante posuere, molestie neque sit amet, dapibus velit. Maecenas eleifend tempor lorem. Mauris vitae elementum mi, sed eleifend ligula. Nulla tempor vulputate dolor, nec dignissim quam convallis ut. Praesent vitae commodo felis, ut iaculis felis. Fusce quis eleifend sapien, eget facilisis nibh. Suspendisse est velit, scelerisque ut commodo eget, dignissim quis metus. Cras faucibus consequat gravida. Curabitur vitae quam felis. Phasellus ac leo eleifend, commodo tortor et, varius quam. Aliquam erat volutpat"/>
			<HBox
					alignItems="Center"
					justifyContent="Center"
					width="100%">
				<SegmentedButton
						width="320px">
					<Button icon="sap-icon://iphone" text="Mobile"/>
					<Button icon="sap-icon://sys-monitor" text="Desktop"/>
					<Button icon="sap-icon://database" text="Other"/>
				</SegmentedButton>
			</HBox>
		</WizardStep>
		<WizardStep id="ProductInfoStep"
					title="Product Information"
					activate="onActivate">
			<MessageStrip class="sapUiSmallMarginBottom"
					text="Validation in the wizard is controlled by calling the validateStep(Step) and invalidateStep(Step) methods "
					showIcon="true"/>
			<Text text="Cras tellus leo, volutpat vitae ullamcorper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien et viverra imperdiet, orci erat porttitor nulla, eget commodo metus nibh nec ipsum. Aliquam lacinia euismod metus, sollicitudin pellentesque purus volutpat eget. Pellentesque egestas erat quis eros convallis mattis. Mauris hendrerit sapien a malesu corper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien	corper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien	"/>
			<form:SimpleForm editable="true">
				<Label text="Name" required="true"/>
				<Input valueStateText="Enter 6 symbols or more"
						valueState="{/productNameState}" id="ProductName"
						change="validateProdInfoStep"
						placeholder="Enter name with length greater than 6" value="{/productName}"/>
				<Label text="Weight" required="true"/>
				<Input valueStateText="Enter digits"
						valueState="{/productWeightState}" id="ProductWeight"
						change="validateProdInfoStep"
						type="Number" placeholder="Enter digits"
						value="{/productWeight}"/>
				<Label text="Manufacturer"/>
				<Select selectedKey="{/productManufacturer}">
					<core:Item key="Apple" text="Apple"/>
					<core:Item key="Microsoft" text="Microsoft"/>
					<core:Item key="Google" text="Google"/>
					<core:Item key="Sony" text="Sony"/>
					<core:Item key="Samsung" text="Samsung"/>
					<core:Item key="Logitech" text="Logitech"/>
				</Select>
				<Label text="Description"/>
				<TextArea value="{/productDescription}" rows="8"/>
			</form:SimpleForm>
		</WizardStep>
		<WizardStep id="OptionalInfoStep"
					optional="true"
					title="Additional Information"
					activate="onActivate">
			<MessageStrip class="sapUiSmallMarginBottom"
					text="You can validate steps by default with the validated='true' property of the step. The next button is always enabled."
					showIcon="true"/>
			<Text text="Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec ppellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien	corper eu, posuere malesuada nisl. Integer pellentesque leo sit amet dui vehicula, quis ullamcorper est pulvinar. Nam in libero sem. Suspendisse arcu metus, molestie a turpis a, molestie aliquet dui. Donec pulvinar, sapien	"/>
			<form:SimpleForm
					editable="true">
				<Label text="Cover photo"/>
				<u:FileUploader
						width="400px"
						tooltip="Upload product cover photo to the local server"
						style="Emphasized"
						placeholder="Choose a file for Upload..."/>
				<Label text="Manufacturing date"/>
				<DatePicker
						id="DP3"
						displayFormat="short"/>
				<Label text="Availability"/>
				<SegmentedButton selectedButton="inStock">
					<Button text="In store" id="inStock"/>
					<Button text="In depot"/>
					<Button text="In repository"/>
					<Button text="Out of stock"/>
				</SegmentedButton>
				<Label text="Size"/>
				<Input/>
				<ComboBox maxWidth="100px">
					<core:Item key="X" text="X"/>
					<core:Item key="Y" text="Y"/>
					<core:Item key="Z" text="Z"/>
				</ComboBox>
			</form:SimpleForm>
		</WizardStep>
		<WizardStep id="PricingStep"
					title="Pricing"
					activate="onActivate">
			<MessageStrip class="sapUiSmallMarginBottom"
					text="You can use the wizard previousStep() and nextStep() methods to navigate from step to step without validation. Also you can use the GoToStep(step) method to scroll programmatically to previously visited steps."
					showIcon="true"/>
			<form:SimpleForm
					editable="true">
				<Label text="Price"/>
				<Input value="{/productPrice}"/>
				<Label text="Discoung group"/>
				<MultiComboBox>
					<core:Item key="Children" text="Kids"/>
					<core:Item key="Children" text="Teens"/>
					<core:Item key="Children" text="Adults"/>
					<core:Item key="Children" text="Old people"/>
				</MultiComboBox>
				<Label text=" VAT is included"/>
				<CheckBox selected="{/productVAT}"/>
			</form:SimpleForm>
		</WizardStep>
	</Wizard>
</mvc:View>
