<section class="content">
	<div class="row row-eq-height">
		<div class="col-md-9 col-xs-9">
			<div class="box max-height-css">
				<div class="box-header with-border">
					<h3 class="box-title">Guest List</h3>
				</div>
				<!-- /.box-header -->
				<div class="box-body">
					<table class="table table-bordered">
						<tbody>
							<tr>
								<th style="width: 10px">#</th>
								<th>First Name</th>
								<th>Last Name</th>
								<th>Email</th>
								<th>Phone</th>
								<th>Gender</th>
								<th>Country</th>
								<th style="width: 40px">Action</th>
								<th style="width: 40px">*</th>
							</tr>
							{{#each model as |item|}}
								<tr>
									<td>#</td>
									<td>{{item.first_name}}</td>
									<td>{{item.last_name}}</td>
									<td>{{item.email}}</td>
									<td>{{item.phone}}</td>
									<td>{{item.gender}}</td>
									<td>{{item.country}}</td>
									<td>
										{{#link-to 'admin.tasks.guests.edit' item class='btn btn-primary btn-xs' }}Edit{{/link-to}}
									</td>
									<td>
										<button class='btn btn-primary btn-xs' onClick= {{perform deleteGuest item}}>{{if deleteGuest.isRunning 'Please Wait' 'Delete Guest'}}</button>
									</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 col-md-9 col-xs-9-->
		<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.guests.add' }}
									<i class="menu-icon fa fa-plus bg-red"></i>
									<div class="menu-info">
										<h4 class="control-sidebar-subheading">Add new guest</h4>

										<p>Add new guest</p>
									</div>
								{{/link-to}}
							</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 -->

				</div>
			</aside>

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