<table id="admin-search" class="table">
	<tbody>
		<tr>
			<td class="col-xs-1">	<input id="id" 		placeholder="ID" 		class="form-control" ></td>
			<td class="col-xs-3">	<input id="name" 	placeholder="Tên" 		class="form-control" ></td>
			<td class="col-xs-3">	<input id="email" 	placeholder="Email" 	class="form-control"></td>
			<td class="col-xs-3">	<input id="phone" 	placeholder="Phone" 	class="form-control" ></td>
			
			<td>
				<div class="btn-group">
					<button id="locate" value="*" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Cả nước <span class="caret"></span></button>
			  
					<ul id="locationSelect" class="dropdown-menu pull-right" role="menu">						
						<li value="*" class="active"><a href="">Cả nước</a></li>
						<li value="1"><a href="">Sài Gòn</a></li>
						<li value="2"><a href="">Hà Nội</a></li>
						<li value="3"><a href="">Đà Nẵng</a></li>
						<li value="4"><a href="">Cần Thơ</a></li>
						<li value="5"><a href="">Huế</a></li>
					</ul>
				</div>				
			</td>
			
			
			<td>		
				
				<div class="btn-group">
					<button id="timeFilter" value="24 hour" type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">24 giờ qua <span class="caret"></span></button>
					<ul id="timeSelect" class="dropdown-menu" role="menu">
						<li value="*"><a href="#">Mọi lúc</a></li>
						<li value="1 hour"><a href="#">Một giờ trước</a></li>
						<li value="24 hour" class="active"><a href="#">24 giờ qua</a></li>
						<li value="7 day"><a href="#">Tuần qua</a></li>
						<li value="30 day"><a href="#">Tháng qua</a></li>
					</ul>		
				</div>
			</td>
			
						
			<td><button id="searchBtn" type="submit" class="btn btn-info">Search</button></td>
			<td><button id="clearBtn" type="submit" class="btn btn-default">Reset</button></td>
		</tr>		
	</tbody>
</table>

<script>
$(document).ready(function(){
	//TODO: Update field từ URL
	
	
	// Nhấn Enter 
	$('#admin-search input').bind('keydown', function(e) {
		var code = e.keyCode || e.which;
		if(code == 13) { submitSearch();}
	});	
	
	$('#searchBtn').click(submitSearch);
	
	// Lọc kết quả theo thời gian
	$('#timeSelect').select();
	
	// Lọc kết quả tìm kiếm theo khu vực
	$('#locationSelect').select();
	
	$('#clearBtn').click(function(){	
		$('#id').val('');
		$('#name').val('');
		$('#phone').val('');
		$('#email').val('');
		
	})
	
})

submitSearch = function(){
	var $id			=	$('#id').val();
	var $name		=	$('#name').val();
	var $email		=	$('#email').val();
	var $phone		=	$('#phone').val();
	var $locate		=	$('#locate').val();
	var $ta			=	$('#timeAgo').val();


	var search = {};
		if($id)		search.id 			= $id;
		if($name)	search.name  		= $name;
		if($email)	search.email 		= $email;
		if($phone)	search.phone 	 	= $phone;
		if($locate && $locate!='*')	search.location 	 	= $locate;
		if($ta	   && $ta!='*')		search.ta 			= $ta;
	
				
	window.location.href = window.location.pathname + '?' + $.param(search) ;
}
</script>


<div class="panel panel-default">
	<!-- Default panel contents -->
	<div class="panel-heading">
		Danh sách user
		<a class="pull-right" href="<?php echo base_url();?>"><em><i class="fa fa-user"></i> Tạo một user mới</em></a>
	</div>

	<!-- Table -->
	<table class="table">
		<thead>
			<tr>
				<th>#</th>
				<th>Tên gọi</th>
				<th>Email</th>
				<th>Số điện thoại</th>
				<th>Địa chỉ</th>
				<th>Tùy chỉnh</th>
			</tr>
		</thead>
		
		<tbody>
			<?php  foreach($list as $user){	?>			
				<tr>
					<td><?=$user->id?></td>
					<td><?=$user->fullname?></td>
					<td><?=$user->email?></td>
					<td><?=$user->phone?></td>
					<td><?=$user->address?></td>
					<td><a class="btn">Cập nhật</a></td>
				</tr>	
			<?php } ?>
	  </tbody>
	</table>
  </div>
 
 <ul class="pagination">
	<li class="disabled"><a href="#">Trước</a></li>	
	<li><a href="#">Tiếp</a></li>
</ul>