@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;
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}
	.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('QA Question List') }}</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('QA Question List') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->QAquations);
	@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">
								<div class="box-tools pull-left">
									@if(in_array("Add",$LeadSources ))
									<a href="{{ route('qaquestion.create') }}" type="button" class="btn btn-block btn-primary">{{ trans('Add more questions') }}</a>
									@endif
								</div>
							</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="row">
							<form name="search_form" action="" id="search_form">
							<input type="hidden" name="order_by" id="order_by">
							<input type="hidden" name="order_type" id="order_type">
							</form>
							<div class="col-xs-12">	
				                <table id="example1" class="table table-bordered table-striped">
									<thead>
										<tr>                      
											<th width="5%"  onclick="sortFilter('id', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('ID') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'id') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
											<th onclick="sortFilter('question_name', '{{ (!Request::has('order_type') || (Request::has('order_type') && request('order_type') == 'asc') ? 'desc' : 'asc') }}');">{{ trans('Name') }} <i class="fa fa-sort-{{ (!Request::has('order_by') || (Request::has('order_by') && request('order_type') == 'asc' && request('order_by') == 'question_name') ? 'desc' : 'asc') }}" aria-hidden="true"></i></th>
											<th width="10%">{{ trans('Action') }}</th>
										</tr>
									</thead>
									<tbody>
										@if(count((array) $result['questiondata'])>0)
											@foreach ($result['questiondata'] as  $rsVal)							
												<tr>
													<td>{{ $rsVal['id'] }}</td>
													<td>{{ $rsVal['question_name'] }}</td>	
													<td>
														@if(in_array("Edit",$LeadSources ))
														<a href="{{route('qaquestion.edit', [$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",$LeadSources ))
														<a href="javascript:$('#destroy_{{ $rsVal['id'] }}').submit();" 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	
														<form action="{{ route('qaquestion.destroy', [$rsVal['id']])}}" method="POST" id="destroy_{{ $rsVal['id'] }}">
									    					<input type="hidden" name="_method" value="DELETE">
									   						<input type="hidden" name="_token" value="{{ csrf_token() }}">
								   				  		</form>
													</td>
												</tr>
											@endforeach
										@else
										<tr>
											<td colspan="3">No record found</td>							
										</tr>
										@endif
									</tbody>
				                </table>
								@if(count((array) $result['questiondata'])>0)
								<div class="pagination">
									{{ $result['questiondata']->links() }}
								</div>
								@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>
	document.querySelectorAll('#watermarked').forEach(function(el) {
			  el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
		  });
</script>
<script type="text/javascript"> 
    function sortFilter(order_by, order_type) {
		$("#order_by").val(order_by);
		$("#order_type").val(order_type);
		$("#search_form").submit();
	}
    function submitSearchForm() {
        $('.fullLoader').show();
        $('#search_form').submit();
    }

    $('#transaction_id').donetyping(function(){
        submitSearchForm();
    });
        
</script>
@endsection