@extends('admin.layout')
@section('content')
<style>
		#watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;

    display: block;
    width: 300%;
    height: 300%;

    transform: rotate(-45deg);
    content: attr(data-watermark);

    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
}
.content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list">
	<section class="content-header">
		<h1> {{ trans('List Knowledge Base') }} <small> {{ trans('List Knowledge Base') }}...</small> </h1>
		<ol class="breadcrumb">
			<li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
			<li class="active"> {{ trans('List Knowledge Base') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData 			= userRoleData();
		$knowledgeBase				= explode(",",$getUserRoleData->knowledgeBase);
	
	@endphp
	<section class="content">
		<div class="row">
			<div class="col-xs-12">
				<div class="box box-info">
					<div class="box-body">
						<div class="col-xs-12">
							<div class="row">
								@if(in_array("Add",$knowledgeBase ))							
									<div class="box-tools pull-left">
										<a href="add-knowledge-base" type="button" class="btn btn-block btn-primary">{{ trans('Add Question') }}</a>
									</div>
								@endif
								<form action="" method="GET" id="search_form">
									<div class="col-sm-4 col-md-4">
					                	<div class="input-group">
											<input type="text" name="search" id="search" value="" class="form-control" placeholder="Search" autocomplete="off">
											<div class="input-group-btn">
												<button type="submit" class="btn btn-primary">{{ trans('Search') }}</button>
												<a href="list-knowledge-base" class="btn btn-danger">{{ trans('Clear Search') }}</a>
											</div>
										</div>
					                </div>
					                <div class="col-sm-4 col-md-4">
																				<div class="form-group">
											<label>
											<input type="radio" name="status_filter" value="all" class="" autocomplete="off" {{$allStatus}} onclick="submitSearchForm()"> All</label>
											&nbsp;&nbsp;&nbsp;<label>
											<input type="radio" name="status_filter" value="1" class="" autocomplete="off" {{$activeStatus}} onclick="submitSearchForm()"> Active</label>
											&nbsp;&nbsp;&nbsp;<label>
											<input type="radio" name="status_filter" value="0" class="" autocomplete="off" {{$inactiveStatus}} onclick="submitSearchForm()"> Inactive</label>
											 
					                	</div>
					                </div>
								</form>
							</div>
							<br>
						</div>
						<div class="col-xs-12">
							<div class="row">
								@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
								@endif
								@if(session()->has('error'))
									<div class="alert alert-warning alert-dismissible">
									   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
									   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
										{{ session()->get('error') }}
									</div>
								@endif
							</div>
						</div>
						<div class="clearfix"></div>
 
						<div class="row">
							<div class="col-xs-12">		
								@if(in_array("Add",$knowledgeBase) || in_array("Edit",$knowledgeBase) || in_array("Delete",$knowledgeBase))		
				                <table id="example1" class="table table-bordered table-striped">
									<thead>
										<tr>                      
											<th>{{ trans('#') }}</th>
											<th>{{ trans('Questions') }}</th>
											<th>{{ trans('Answers') }}</th>
 
											<th>{{ trans('Status') }}</th>
											@if(in_array("Edit",$knowledgeBase ) || in_array("Delete",$knowledgeBase ))
											<th>{{ trans('Action') }}</th>
											@endif
										</tr>
									</thead>
									<tbody>
																		@php($sr=1)
										@if(count($result)>0)
											 	
											@foreach ($result as  $rsVal)	
								
												<tr>
													<td>{{ $sr}}</td>
													 
													<td>{{ $rsVal->questions }}</td>
													<td> 
													 
													
													{!! Str::limit(strip_tags($rsVal->answers), $limit = 150, $end = '...') !!}


													 </td>
													<td>
														@if($rsVal->status == "1")
															<a class="btn btn-success btn-xs" href="knowledge-change-status/{{ $rsVal->id }}/0">
																Active
															</a>
														@else
															<a class="btn btn-danger btn-xs" href="knowledge-change-status/{{ $rsVal->id }}/1">
																Inactive
															</a>
														@endif
													</td>
													
													@if(in_array("Edit",$knowledgeBase ) || in_array("Delete",$knowledgeBase ))
														<td>
															@if(in_array("Edit",$knowledgeBase ))
																<a href="edit-knowledge-base/{{ $rsVal->id }}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Edit"><i class="fa fa-pencil"></i><a/>
																 
															@endif
															@if(in_array("Delete",$knowledgeBase ))
																<a href="delete-knowledge-base/{{ $rsVal->id }}" class="btn btn-danger btn-xs"  data-toggle="tooltip" data-placement="bottom" title="Delete" onclick="return getConfirmation();"><i class="fa fa-trash"></i><a/>
															@endif
														</td>
													@endif
												</tr>
																						 
											@endforeach
											
											
											<tr>
												<td colspan="9">
													{!! $result->appends(request()->input())->links(); !!}
												</td>
											</tr>
										
										@else
										 
											<tr>
												<td colspan="5" class="text-center"> No record found.</td>
											</tr>
										@endif
									</tbody>
				                </table>
								@else
									<p> <strong>Please contact with SuperAdmin</strong></p>
								@endif
							</div>
						</div>
					</div>
				</div>

				<div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
				</div>
				
			</div>
		</div>
	</section>  
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<script>
	function submitSearchForm() {
		document.getElementById("search_form").submit();
	}
</script>
<script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
              el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
          });
  </script>
@endsection