<div class="row">
	<!-- right column -->
	<div class="col-md-12">
		<!-- Horizontal Form -->
		<div class="box box-info">
			<div class="box-header with-border">
				<h3 class="box-title">Edit Guest</h3>
			</div>
			<!-- /.box-header -->
			<!-- form start -->
			<form class="form-horizontal">
				<div class="box-body">

					<div class="form-group">
						<label for="inputFirstName" class="col-sm-2 control-label">First Name</label>

						<div class="col-sm-10">
							{{input type="text" class="form-control" id="inputFirstName" placeholder="First Name"
							value=model.guest.first_name}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputLastName" class="col-sm-2 control-label">Last Name</label>

						<div class="col-sm-10">
							{{input type="text" class="form-control" id="inputLastName" placeholder="Last Name"
							value=model.guest.last_name}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputEmail" class="col-sm-2 control-label">Email</label>

						<div class="col-sm-10">
							{{input type="email" class="form-control" id="inputEmail" placeholder="Email" value=model.guest.email}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputPhones" class="col-sm-2 control-label">Phones</label>

						<div class="col-sm-10">
							{{input type="text" class="form-control" id="inputPhones" placeholder="Phones" value=model.guest.phones}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputAddress" class="col-sm-2 control-label">Address</label>

						<div class="col-sm-10">
							{{input type="text" class="form-control" id="inputAddress" placeholder="Address"
							value=model.guest.address}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputGroupName" class="col-sm-2 control-label">Group Name</label>

						<div class="col-sm-10">
							{{input type="text" class="form-control" id="inputGroupName" placeholder="Group Name"
							value=model.booking.group_name}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputIdentificationType" class="col-sm-2 control-label">Identification Type</label>

						<div class="col-sm-10">
							{{#power-select placeholder="Please, select identification type" selected=identificationType
								options=identificationTypes onchange=(action "setIdentificationType") as |name|
								}}
								{{name}}
							{{/power-select}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputIdentificationNo" class="col-sm-2 control-label">Identification No</label>

						<div class="col-sm-10">
							{{input type="text" placeholder="Identification No" class="form-control" id="inputIdentificationNo"
							value=model.guest.identification_no}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputGender" class="col-sm-2 control-label">Gender</label>

						<div class="col-sm-10">
							{{#power-select placeholder="Please, select gender" selected=gender options=genders
								onchange=(action "setGender") as |name| }}
								{{name}}
							{{/power-select}}
						</div>
					</div>
					<div class="form-group">
						<label for="inputCountry" class="col-sm-2 control-label">Country of origin</label>

						<div class="col-sm-10">
							{{#power-select selected=country placeholder="Please, select country" searchField="name"
								options=countries onchange=(action "setCountry") as |country| }}
								{{country.name}}
							{{/power-select}}
						</div>
					</div>


				</div>
				<!-- /.box-body -->
				<div class="box-footer">
					<button type="button" class="btn btn-primary" {{action "back"}}>Back - Available Rooms List</button>
					<button type="button" class="btn btn-default pull-right" {{action "finish"}}>Finish</button>

				</div>
				<!-- /.box-footer -->
			</form>
		</div>
		<!-- /.box -->
	</div>
	<!--/.col (right) -->
</div>
<!-- /.row -->