<!-- form start -->
<form class="form-horizontal">
	<div class="box-body">
		<div class="form-group">
			<label for="inputHotel" class="col-sm-2 control-label">Hotel</label>

			<div class="col-sm-10">
				{{#power-select placeholder="Please, select hotel" selected=model.hotel searchField="name"
				 options=hotels onchange=(action "setHotel") as |hotel| }}
					{{hotel.name}}
				{{/power-select}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputHotel" class="col-sm-2 control-label">Service</label>

			<div class="col-sm-10">
				{{#power-select placeholder="Please, select service" selected=model.service searchField="name"
				 options=services onchange=(action "setService") as |service| }}
					{{service.name}}
				{{/power-select}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputRoomTypeName" class="col-sm-2 control-label">Room Type Name</label>

			<div class="col-sm-10">
				{{input type="text" placeholder="Room Type Name" class="form-control" id="inputRoomTypeName"
				value=model.name}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputDescription" class="col-sm-2 control-label">Description</label>

			<div class="col-sm-10">
				{{input type="text" class="form-control" id="inputDescription" placeholder="Description"
				value=model.description}}
			</div>
		</div>
		<div class="form-group">
			<label for="inputMaxCapacity" class="col-sm-2 control-label">Max Capacity</label>
			<div class="col-sm-10">
				{{input type="text" class="form-control" id="inputMaxCapacity" placeholder="Max Capacity"
				value=model.max_capacity}}

			</div>
		</div>
		<div class="form-group">
			<label for="inputNotes" class="col-sm-2 control-label">Notes</label>

			<div class="col-sm-10">
				{{input type="text" class="form-control" id="inputNotes" placeholder="Notes" value=model.notes}}
			</div>
		</div>
		<div class="form-group">
			<div class="col-sm-offset-2 col-sm-10">
				<div class="checkbox">
					<label>
            {{input type="checkbox" checked=model.can_smoke}} Can Smoke?
          </label>
				</div>
			</div>
		</div>
	</div>
	<!-- /.box-body -->
	<div class="box-footer">
		<button type="button" class="btn btn-primary {{if save.isRunning 'disabled'}}" onclick= {{perform save}}>{{if save.isRunning 'Saving' 'Save'}}</button>
		<button type="button" class="btn btn-default {{if cancel.isRunning 'disabled'}}"
		 onclick= {{perform cancel}}>{{if cancel.isRunning 'Canceling' 'Cancel'}}</button>
		{{#if canDelete}}
			<button type="button" class="btn btn-info pull-right {{if delete.isRunning 'disabled'}}"
			 onclick= {{perform delete}}>{{if delete.isRunning 'Deleting' 'Delete'}}</button>
		{{/if}}
	</div>
	<!-- /.box-footer -->
</form>