<section class="content">
	<div class="row row-eq-height">
		<div class="col-md-9">
			<div class="box max-height-css">
				<div class="box-header with-border">
					<h3 class="box-title">Hotel List</h3>
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					<table class="table table-bordered">
						<tbody>
							<tr>
								<th style="width: 10px">#</th>
								<th>Hotel Name</th>
								<th>Star Rating</th>
								<th>Country</th>
								<th>City</th>
								<th>Address</th>
								<th>Land Lines</th>
								<th>Mobiles</th>
								<th style="width: 40px">Action</th>
							</tr>
							{{#each model as |item|}}
								<tr>
									<td>#</td>
									<td>{{item.name}}</td>
									<td>{{item.star_rating}}</td>
									<td>{{item.country}}</td>
									<td>{{item.city}}</td>
									<td>{{item.address}}</td>
									<td>{{item.land_lines}}</td>
									<td>{{item.mobiles}}</td>
									<td>
										{{#link-to 'admin.tasks.hotels.view.room-types' item class='btn btn-primary btn-xs'
										 }}View{{/link-to}}
									</td>
								</tr>
							{{/each}}
						</tbody>
					</table>
				</div>
				<!-- /.box-body -->
				<div class="box-footer clearfix">
					{{simple-pagination limit=limit currentPage=currentPage total=model.meta.total}}
				</div>
			</div>
			<!-- /.box -->

		</div>
		<!-- /.col -->
		<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>
				</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>
								{{#link-to 'admin.tasks' }}
									<i class="menu-icon fa fa-tachometer bg-red"></i>
									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Dashboard</h4>

										<p>Go to dashboard</p>
									</div>
								{{/link-to}}
							</li>

							<li>
								{{#link-to 'admin.tasks.hotels.add' }}
									<i class="menu-icon fa fa-plus bg-red"></i>
									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Add new hotel</h4>

										<p>Add new hotel</p>
									</div>
								{{/link-to}}
							</li>
						</ul>
						<!-- /.control-sidebar-menu -->
					</div>
					<!-- /.tab-pane -->
				</div>
			</aside>

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