<style>
	.table td, .table th {
	text-align:center;
	vertical-align: middle;
	}
	.table thead tr th{
	text-align:center;
	vertical-align: middle;
	}
</style>
<div class="row">
	<div class="col-md-12">
		<div class="portlet box blue-hoki">
			<div class="portlet-title">
				<div class="caption">
					<i class="icon-settings"></i>
					<span class="caption-subject sbold uppercase"><?php echo get_title('label');?></span>
				</div>
				<div class="actions">
					<div class="btn-group">
						<a class="btn btn-sm red" href="javascript:;" data-toggle="dropdown">
						<i class="fa fa-share"></i>
						<span class="hidden-xs"> Actions </span>
						<i class="fa fa-angle-down"></i>
						</a>
						<ul class="dropdown-menu pull-right" id="sample_3_tools">
							<li>
								<a href="javascript:;" data-action="0" class="tool-action">
								<i class="icon-printer"></i> Print</a>
							</li>
							<li>
								<a href="javascript:;" data-action="3" class="tool-action">
								<i class="icon-paper-clip"></i> Excel</a>
							</li>
							<li class="divider"> </li>
							<li>
								<a href="javascript:;" data-action="5" class="tool-action">
								<i class="icon-refresh"></i> Reload</a>
							</li>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="portlet-body">
				<div class="col-md-9">
					<div class="col-md-3">
						<input type="text" data-column="0" placeholder="User ID"  class="search-input-text form-control form-filter input-sm">
						<input type="text" data-column="1" placeholder="Username" class="search-input-text form-control form-filter input-sm">
					</div>
					<div class="col-md-3">
						<div class="input-group date date-picker margin-bottom-5" data-date-format="yyyy-mm-dd">
							<input type="text" data-column="2" class="search-input-text form-control form-filter input-sm"  name="order_date_from" placeholder="From">
							<span class="input-group-btn">
							<button class="btn btn-sm default" type="button">
							<i class="fa fa-calendar"></i>
							</button>
							</span>
						</div>
						<div class="input-group date date-picker" data-date-format="yyyy-mm-dd">
							<input type="text" data-column="3" class="search-input-text form-control form-filter input-sm" name="order_date_to" placeholder="To">
							<span class="input-group-btn">
							<button class="btn btn-sm default" type="button">
							<i class="fa fa-calendar"></i>
							</button>
							</span>
						</div>
					</div>
					<div class="col-md-3">
						<select type="text" data-column="6" class="search-input-select form-control form-filter input-sm">
							<option value="">Role</option>
							<?php echo theGroup();?>
						</select>
						<select type="text" data-column="7" class="search-input-select form-control form-filter input-sm">
							<option value="">Status</option>
							<option value="1">Active</option>
							<option value="0">Blocked</option>
						</select>
					</div>
				</div>
				<div class="col-md-3">
					<button class="btn btn-sm red btn-outline filter-cancel pull-right"><i class="fa fa-times"></i> Reset</button>
				</div>
				<div class="table-container">
					<table class="table table-striped table-hover table-bordered" id="example" cellspacing="0" style="margin-bottom: 0px !important;margin-top: 0px  !important; border:0px">
						<thead>
							<tr>
								<th>
									<center>ID</center>
								</th>
								<th>
									<center>USERNAME</center>
								</th>
								<th>
									<center>NAME</center>
								</th>

								<th>
									<center>REGISTER DATE</center>
								</th>
								<th>
									<center>ROLE</center>
								</th>
								<th>
									<center>STATUS</center>
								</th>
								<th>
									<center>ACTION</center>
								</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>