<form class="form-horizontal">
	<div class="box-body">
		<div class="form-group">
			<label for="inputRoomName" class="col-sm-2 control-label">Room Name</label>
			<div class="col-sm-8">
				{{input type="text" placeholder="Room Name" class="form-control" id="inputRoomName"
				value=model.room.name readonly=true}}
			</div>
			<div class="col-sm-2">
				<button type="button" class="btn btn-primary btn-block {{if changeRoom.isRunning 'disabled'}}"
					onclick={{perform changeRoom}}>Change Room</button>
</div>
</div>
<div class="form-group">
	<label for="inputRoomName" class="col-sm-2 control-label">Comments</label>
	<div class="col-sm-10">
		{{input type="text" placeholder="Enter Guest Comments" class="form-control" id="inputRoomComments"
		value=model.comments}}
	</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>