@extends('backend.layout')

@section('content')
<div class="row">
	<div class="col-md-12">
		{{-- <p style="margin: 0px; padding: 5px 0px;"><span class="text-semibold">{{ ($logs->currentPage() - 1)*10 + 1 }}-{{ ($logs->currentPage() - 1)*10 + $logs->count() }}</span> trong <span class="text-semibold">{{ $logs->total() }}</span> bản ghi.</p> --}}
		<div class="panel panel-flat">
			<form action="" method="GET">
				<div class="navbar navbar-default navbar-xs fillter padding-0" style="">
					
					<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.box.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.box.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>
						</ul>

						<div class="navbar-right hidden-xs">

							<a class="color-black btn" data-popup="tooltip" title="Huỷ lọc" href="{{ route('backend.web_log.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>
						</div>
					</div>
					
				</div>
			</form>
			
			<div class="clearfix"></div>
			<div class="table-responsive" style="min-height:400px;">
				<div class="tab-pane active @if(@$active == 'logs') in active @endif" id="settings">

					<table class="table">
						
						<tbody>
							@foreach($logs as $log)
							<tr>
								<td class="tetx-center">
									{{ ($logs->currentPage() - 1)*$logs->perPage() + $loop->index + 1 }}
								</td>
								<td>
									<span class="table-inbox-preview">{!! $log->description !!}</span>
								</td>
								<td>
									IP : {{ $log->properties['ip_address'] }}
								</td>
								<td class="text-right">
									{{ $log->created_at }}
								</td>
							</tr>
							@endforeach

						</tbody>
					</table>
				</div>

				<div style="display: flex; justify-content: center;">
					{!! short_pagination($logs) !!}
				</div>
				
			</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:200px;
		}
		.select-xs.select2-selection--multiple .select2-search--inline .select2-search__field{
			min-width:200px;
		}
		.select2-selection--multiple .select2-search--inline .select2-search__field{
			padding:5px 0px !important;
			max-width: 200px;
		}
		.select2-container--open .select2-dropdown--below{ min-width:200px;  }
	</style>
@endpush

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