@extends('backend.layout')

@section('content')
<p><span class="text-semibold">{{ ($boxs->currentPage() - 1)*10 + 1 }}-{{ ($boxs->currentPage() - 1)*10 + count($boxs) }}</span> trong <span class="text-semibold">{{ $boxs->total() }}</span> bản ghi</p>
<div class="row">
	
	<div class="panel panel-flat">

		<div class="navbar navbar-default navbar-xs fillter" 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="mac" placeholder="Địa chỉ Mac" value="{{ @$_GET['mac'] }}">
						</li>
						<li>
							<select name="customers" style="margin-top: 3px;" class="form-control select2 select-size-xs" data-placeholder="Chọn khách hàng">
								<option value=""></option>
								@foreach($customers as $cus)
								<option value="{{ $cus->id }}" @if($cus->id == @$fillCus) selected="selected" @endif>{{ $cus->fullname }} - {{ $cus->address }}</option>
								@endforeach
							</select>
						</li>
						<li>
							<select name="type" style="margin-top: 3px;" class="form-control select2 select-size-xs" data-placeholder="Loại log">
								<option value=""></option>
								@foreach(config('vod.logs_streams') as $key => $name)
								<option value="{{ $key }}" @if($key == @fillKey) selected="selected" @endif>{{ $name }}</option>
								@endforeach
							</select>
						</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>
							<li class="pull-right"><a href="{{ route('backend.box.new') }}"><i class="icon-plus3 position-left"></i> Thêm mới</a></li>
						</ul>
					</div>
				</form>
			</div>
		</div>
		
		<div class="clearfix"></div>
		<div class="table-responsive">
			<table class="table text-nowrap table-bordered table-striped">
				<thead>
					<tr>
						<th>STT</th>
						<th>Loại log</th>
						<th>Thiết bị</th>
						<th>Nội dung</th>
						<th>IP</th>
						<th>Khách hàng</th>
						<th>Thời gian</th>
					</tr>
				</thead>
				<tbody>
					@if($boxs != null)
					@foreach($boxs as $stt => $user)
					<tr>
						<td>{{ ($boxs->currentPage() - 1)*$boxs->perPage() + $stt + 1  }}</td>
						<td> {{ config('vod.logs_streams')[$user->code] }} </td>
						<td> <a target="_blank" href="{{ route('backend.box.get',$user->box_id) }}" class="text-blue">{{ $user->box->mac_address }}</a> </td>
						<td> 
							@if(isset($user->stream->contents->name))
							<img style="width:100px;" src="{{url($user->stream->contents->images)}}"><br/>
							{{ config('vod.type')[$user->stream->contents->type] }} - <a target="_blank" href="{{ route('backend.chanel.get',$user->stream->content_id) }}" class="text-blue">{{ $user->stream->contents->name }}</a> 
							@else 
							<img style="width:100px;" src="{{url($user->broad->chanel->images)}}"><br/>
							{{ config('vod.type')[$user->broad->chanel->type] }} - <a target="_blank" href="{{ route('backend.chanel.get',$user->broad->content_id) }}" class="text-blue">{{ $user->broad->chanel->name }}</a> 
							@endif
						</td>
						<td> {{ $user->ip }} </td>
						<td>{{ $user->box->customer->fullname }} - {{ $user->box->customer->address }} </td>
						<td> {{ $user->created_at }} </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;">
				{{ $boxs->appends(@$appends)->links() }}	
			</div>
		</div>
	</div>
</div>
	<!-- /invoice grid options -->
@endsection

@push('styles')
	<style>
		.pnotify-center {
		   right: calc(50% - 150px) !important;
		   top: calc(50% - 150px) !important;
		}
		.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
			padding:10px 10px;
		}
		.fillter li{
			margin-left:5px;
		}
		.fillter li>span{
			margin-top:3px !important;
		}
		.select-xs.select2-selection--single{
			height:36px;
		}
		.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{
			padding: 5px 5px;
			white-space: normal !important;
		}
		.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--open.select2-container--below .select2-selection--single{
			min-width:150px;
		}
		.select-xs.select2-selection--multiple .select2-search--inline .select2-search__field{
			min-width:150px;
		}
	</style>
@endpush

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

		$('.select2').select2();
		
	</script>
@endpush