<div class="row">
	<div class="col-md-12">
		<div class="box">
			<div class="box-header with-border">
				<h3 class="box-title">Booking List</h3>
			</div>
			<!-- /.box-header -->
			<div class="box-body">
				<table class="table table-bordered">
					<tbody>
						<tr>
							<th style="width: 10px">#</th>
							<th>Contact Name</th>
							<th>Group Name</th>
							<th>Date Added</th>
							<th style="width: 120px">Edit Rooms</th>
							<th style="width: 120px">Edit Booking</th>
						</tr>
						{{#each model as |item|}}
							<tr>
								<td style="text-align: center; vertical-align: middle;">
									{{radio-button-input value=item.id groupValue=groupValue changed="valueChanged"}}
								</td>
								<td>{{item.guest.firstname}} {{item.guest.lastname}}</td>
								<td>{{item.group_name}}</td>
								<td>{{item.createdAt}}</td>
								<td>
									{{#link-to 'admin.tasks.bookings.edit' item class='btn btn-primary btn-xs' }}Edit Rooms{{/link-to}}
								</td>
								<td>
									{{#link-to 'admin.tasks.bookings.edit' item class='btn btn-primary btn-xs' }}Edit Booking{{/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">
		<button type="button" class="btn btn-primary" {{action "back"}}>Back - Available Rooms List</button>
	</div>

	<div class="col-md-6">
		<button type="button" class="btn btn-primary pull-right" {{action "next"}}>Finish</button>
	</div>
</div>