#: kivy 1.8.0

<Wizard>:
	direction: 'right'
	WelcomeScreen:
		name: 'welcomeBox'
		BackgroundBox:
			padding: (200, 0, 200, 0)
			canvas:
				Color:
					rgba: (.1, .1, .1, 1)
				Rectangle:
					pos: self.pos
					size: self.size
			Border:
				padding:(2,0,2,0)

				canvas:
					Color:
						rgba: (.05, .05, .05, 1)
					Rectangle:
						pos: self.pos
						size: self.size

				Cluster:
					padding: (60, 50, 60, 50)
					orientation: 'vertical'
					size_hint:(.45, 1)
					pos:self.pos

					canvas:
						Color:
							rgba: (.5, 0, 0, 1)
						Rectangle:
							pos: self.pos
							size: self.size

					WelcomeMessage:
						Label:
							font_size: 20
							text: 'Insanely Long Welcome Message' * 100
							text_size: self.width, None
							size_hint_y: None
							height: self.texture_size[1]

	Registration:
		id: 'manager'
		UserName:
			name: 'nameScreen'
			BackgroundBox:
				padding: (200, 0, 200, 0)
				canvas:
					Color:
						rgba: (.1, .1, .1, 1)
					Rectangle:
						pos: self.pos
						size: self.size
				Border:
					padding:(2,0,2,0)

					canvas:
						Color:
							rgba: (.05, .05, .05, 1)
						Rectangle:
							pos: self.pos
							size: self.size

					Cluster:
						padding: (60, 50, 60, 50)
						orientation: 'vertical'
						size_hint:(.45, 1)
						pos:self.pos

						canvas:
							Color:
								rgba: (.5, 0, 0, 1)
							Rectangle:
								pos: self.pos
								size: self.size
						Image:
							source: 'HeaderWithPhone.png'
						Label:
							text: 'UserName:'
						TextInput:
							id: user_name
							size_hint_y: None
							height: 30
							multiline: False
						Button:
							id: step1
							text: 'Next'
							on_press: root.manager.current = 'passwordScreen'


		Password:
			name: 'passwordScreen'
			BackgroundBox:
				padding: (200, 0, 200, 0)
				canvas:
					Color:
						rgba: (.1, .1, .1, 1)
					Rectangle:
						pos: self.pos
						size: self.size
				Border:
					padding:(2,0,2,0)

					canvas:
						Color:
							rgba: (.05, .05, .05, 1)
						Rectangle:
							pos: self.pos
							size: self.size

					Cluster:
						padding: (60, 50, 60, 50)
						orientation: 'vertical'
						size_hint:(.45, 1)
						pos:self.pos

						canvas:
							Color:
								rgba: (.5, 0, 0, 1)
							Rectangle:
								pos: self.pos
								size: self.size
						Image:
							source: 'HeaderWithPhone.png'
						Label:
							text: 'Password:'
						TextInput:
							id: user_password
							size_hint_y: None
							height: 30
							password: True
							multiline: False
						Button:
							id: store_data
							text: 'Register User'
							background_color: (.1,2,.2,1)