{{#if (not isDateArray)}}
	<div class="row row-eq-height">
		<div class="col-md-9 col-xs-9">
			{{admin-select-dates hasHeader=true start=dateIn end=dateOut onSetDateIn=(action
			'setDateIn') onSetDateOut=(action 'setDateOut')}}
		</div>
		<div class="col-md-3 col-xs-3">
			<aside class="control-sidebar relative control-sidebar-dark">
				<!-- Create the tabs -->
				<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
					<li class="active"><a href="#control-sidebar-home-tab" data-toggle="tab"><i class="fa fa-home"></i></a></li>
					<li><a href="#control-sidebar-settings-tab" data-toggle="tab"><i class="fa fa-gears"></i></a></li>
				</ul>
				<!-- Tab panes -->
				<div class="tab-content">
					<!-- Home tab content -->
					<div class="tab-pane active" id="control-sidebar-home-tab">
						{{!--<h3 class="control-sidebar-heading">Actions</h3>--}}
						<ul class="control-sidebar-menu">
							<li>
								<a href="#" {{action 'backToBookings'}}>
									<i class="menu-icon fa fa-backward bg-red"></i>
									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Go Back</h4>

										<p>Go back to bookings</p>
									</div>
								</a>
								<a href="#" {{action 'setTodayDate'}}>
									<i class="menu-icon fa fa-backward bg-red"></i>
									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Set Today's Date</h4>
										<p>Set today's date</p>
									</div>
								</a>
							</li>
						</ul>
						<!-- /.control-sidebar-menu -->
					</div>
					<!-- /.tab-pane -->
					<!-- Stats tab content -->
					<div class="tab-pane" id="control-sidebar-stats-tab">Stats Tab Content</div>
					<!-- /.tab-pane -->
					<!-- Settings tab content -->
					<div class="tab-pane" id="control-sidebar-settings-tab">
						<form method="post">
							<h3 class="control-sidebar-heading">General Settings</h3>

							<div class="form-group">
								<label class="control-sidebar-subheading">
            Report panel usage
            <input type="checkbox" class="pull-right" checked>
          </label>

								<p>
									Some information about this general settings option
								</p>
							</div>
							<!-- /.form-group -->
						</form>
					</div>
					<!-- /.tab-pane -->
				</div>
			</aside>

		</div>
		<!--col-md-3 col-xs-3-->

	</div>
	<hr>
{{/if}}
<div class="row row-eq-height">
	<div class="col-md-9 col-xs-9">
		<div class="box max-css-height">
			<div class="box-header with-border">
				<div class="row">
					<div class="col-md-6">
						{{#power-select placeholder="Search All Hotels" searchField="name" allowClear=true
							selected=hotel options=hotels onchange=(action "setHotel") as |hotel| }}
							{{hotel.name}}
							{{/power-select}}
					</div>
				</div>
			</div>
			<!-- /.box-header -->
			<div class="box-body">
				{{#light-table table tableClassNames='table table-bordered' tableActions=(hash onCheckboxChanged=(action
					'checkboxChanged')) as |t|}}
					{{t.head}} {{t.body onRowClick=(perform bookRoomClickedTask) multiSelect=true }}
					{{/light-table}}
			</div>
			<!-- /.box-body -->
		</div>
		<!-- /.box -->
	</div>
	<!-- /.col -->
</div>
{{#if hasSelection}}
	<div class="row row-eq-height">
		<div class="col-md-9 col-xs-9">
			<div class="box max-css-height">
				<div class="box-header with-border">
					<h3 class='box-title'>Selected Rooms</h3>
					<h3 class='box-title pull-right'>[ Total = {{sumTotal}} ]</h3>
					<h3 class='box-title pull-right'>[ Pax = {{sumPax}} ]</h3>
					<h3 class='box-title pull-right'>[ Childs = {{sumChilds}} ]</h3>
					<h3 class='box-title pull-right'>[ Adults = {{sumAdults}} ]</h3>
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					{{#light-table selectedTable tableActions=(hash onCheckboxChanged=(action
						'selectedCheckboxChanged') onInputChanged=(action 'inputChanged')) tableClassNames='table table-bordered'
						as |t|}}
						{{t.head}} {{t.body selectOnClick=false onRowDoubleClick=(perform unBookRoomClickedTask)}}
						{{/light-table}}
				</div>
				<!-- /.box-body -->
			</div>
			<!-- /.box -->
		</div>
		<!-- /.col -->
	</div>
{{/if}}
<div class="row">
	<div class="col-md-6 col-md-offset-6">
		{{#if (or canFinish isRadio)}}
			<button type="button" class="btn btn-primary pull-right" {{action "finish"}}>Finish</button>
		{{else}}
			<button type="button" class="btn btn-primary pull-right" {{action "next"}}>Next - Add Guest Information</button>
		{{/if}}
	</div>
</div>