<div class="row">
	<div class="col-md-12">
		<div class="box">
			<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 style="width: 40px">Action</th>
						</tr>
						{{#each hotels as |item|}}
							<tr>
								<td style="text-align: center; vertical-align: middle;">
									{{radio-button-input value=item.id groupValue=groupValue changed="valueChanged"}}
								</td>
								<td>{{item.name}}</td>
								<td>{{item.star_rating}}</td>
								<td>{{item.country}}</td>
								<td>
									{{#link-to 'admin.tasks.hotels.edit' item class='btn btn-primary btn-xs' }}Edit{{/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>
<div class="row">
	<div class="col-md-6 col-md-offset-6">
		<button type="button" class="btn btn-primary pull-right" {{action "next"}}>Next - Check Availabity</button>
	</div>
</div>