@extends('backend.layout')

@section('content')
<div class="row">
	
	<div class="panel panel-flat">

		<div class="navbar navbar-default navbar-xs" style="padding-left:20px;padding-right:0px;">
			<ul class="nav navbar-nav no-border visible-xs-block">
				<li><a class="text-center collapsed" data-toggle="collapse" data-target="#navbar-filter"><i class="icon-menu7"></i></a></li>
			</ul>

			<div class="navbar-collapse collapse" id="navbar-filter">
				<form action="" method="GET">
					<p class="navbar-text">Bộ lọc:</p>
					<ul class="nav navbar-nav">
						<li>
							<input class="form-control" style="margin-top: 3px;" name="name" placeholder="Tên danh mục" value="{{ @$_GET['name'] }}">
						</li>
					</ul>

					<div class="navbar-right">
						<ul class="nav navbar-nav">
							<li><button type="submit" class="btn btn-sucess" style="padding:10px 12px;border-right:1px solid #ccc;"><i class="icon-search4 position-left"></i>Lọc</button></li>
						</ul>
					</div>
				</form>
			</div>
		</div>

		<div class="table-responsive">
			<table class="table text-nowrap">
				<thead>
					<tr>
						<th></th>
						<th>Icon</th>
						<th>Danh mục</th>
						<th>Mô tả</th>
						<th class="text-center" style="width: 100px;">Action</th>
					</tr>
				</thead>
				<tbody>
					@if($users != null)
					@foreach($users as $stt => $user)
					<tr>
						<td><img width="100px" src="{{ url($user->image) }}"></td>
						<td>@if($user->icon)<img width="100px" style="background-color: #000;" src="{{ url($user->icon) }}">@endif</td>
						<td>{{ $user->name }}</td>
						<td>{{ $user->description }}</td>
						
						<td class="text-center">
							<ul class="icons-list">
								<li style="margin-right:10px;"><a href="{{ route('backend.recate.get',$user->id) }}" class="text-blue"><i class="icon-pencil7"></i></a></li> 
							</ul>
						</td>
					</tr>
					@endforeach
					@endif
				</tbody>
			</table>
			<div class="clear-fix" style="border-top:1px solid #ccc;"></div>
			<div style="padding:10px 15px;text-align:center;">
				{{ $users->links() }}	
			</div>
		</div>
	</div>
</div>
	<!-- /invoice grid options -->
@endsection