@extends('backend.layout')

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

			<div class="navbar navbar-default navbar-xs fillter padding-0" style="">
				<form action="" method="GET">
				<ul class="nav navbar-nav no-border visible-xs-block">
					<li>
						<a style="float: left;" class="text-left collapsed" data-toggle="collapse" data-target="#navbar-filter"><i class="icon-more"></i></a>
						<a style="float: right;" class="btn text-right" data-popup="tooltip" title="Thêm mới" href="{{ route('backend.service-booking.new') }}"><i class="icon-plus3 position-left"></i></a>
						<button style="float: right;" data-popup="tooltip" title="Lọc" type="submit" class="btn btn-sucess text-right"><i class="icon-search4 position-left"></i></button>
						<a style="float: right;" class="color-black btn" data-popup="tooltip" title="Huỷ lọc" href="{{ route('backend.service-booking.list') }}"><i class="icon-cross position-left"></i></a>
					</li>
						
				</ul>

				<div class="navbar-collapse collapse" id="navbar-filter">
						<ul class="nav navbar-nav">
							<li>
								<input class="form-control" style="margin-top: 3px;" name="keyword" placeholder="Từ khoá..." value="{{ @$_GET['keyword'] }}"  autocomplete="off">
							</li>
							<li style="width: 200px;">
								<select name="agency_id" style="margin-top: 3px;"  data-allow-clear="true" class="form-control select2 select-size-xs" data-placeholder="Đại lý">
									<option value="">Đại lý</option>
									@foreach($resellers as $res)
									<option value="{{ $res->id }}" @if(@$_GET['agency_id'] == $res->id) selected="selected" @endif>{{ $res->name }}</option>
									@endforeach
								</select>
							</li>
						</ul>

						<div class="navbar-right hidden-xs">
							<a class="color-black btn" data-popup="tooltip" title="Huỷ lọc" href="{{ route('backend.service-booking.list') }}"><i class="icon-cross position-left"></i></a>
							<button data-popup="tooltip" title="Lọc" type="submit" class="btn btn-sucess"><i class="icon-search4 position-left"></i></button>
							<a class="btn color-black" data-popup="tooltip" title="Thêm mới" href="{{ route('backend.service-booking.new') }}"><i class="icon-plus3 position-left"></i></a>
						</div>
				</div>
				</form>
			</div>

			<div class="table-responsive">
				<table class="table text-nowrap">
					<thead>
						<tr>
							<th>STT</th>
							<th></th>
							<th>Đại lý</th>
							<th>Code</th>
							<th>Dịch vụ</th>
							<th>Danh mục</th>
							<th>Giá</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>{{ ($users->currentPage() - 1)*$users->perPage() + $stt + 1  }}</td>
							<td><img width="100px" src="{{ url($user->image) }}"></td>
							<th>{{ @$user->user->name }}</th>
							<td>
								<a href="{{ route('backend.service-business.get',$user->id) }}" class="text-blue">{{ $user->code }}</a>
							</td>
							<td>{{ $user->name }}</td>
							<td>{{ @$user->cate->name }}</td>
							<td>{{ $user->price }}</td>
							<td style="white-space: initial;">{{ $user->description }}</td>
							
							<td class="text-center">
								<ul class="icons-list">
									<li style="margin-right:10px;"><a href="{{ route('backend.service-business.get',$user->id) }}" class="text-blue"><i class="icon-pencil7"></i></a></li> 
									<li><a onclick="return confirm('Bạn có chắc chắn muốn xoá nội dung này {{ $user->name }}?');" style="color:red;" href="{{ route('backend.service-business.delete',$user->id) }}"><i class="icon-trash"></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>
</div>
	<!-- /invoice grid options -->
@endsection

@push('scripts')
	<script src="{{ URL::asset('backend/global_assets/js/plugins/forms/selects/select2.min.js')}}"></script>
	<script>
		$(document).ready(function() {
			$('.select2').select2();
		});
	</script>
@endpush