@extends('admin.layout')
@section('content')


<style>	
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}
	#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('Quiz Report 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('Assigned Quiz  List') }}</li>
		</ol>
	</section>
	@php
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->Quiz);
	@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">
							 
							<!---search code-->
							@if(auth()->guard('admin')->user()->role_id==1||auth()->guard('admin')->user()->role_id==2)
							<div class="row">
							  <form action="" method="GET" id="report_search_form">
                                        <input type="hidden" name="order_by" id="order_by">
                                        <input type="hidden" name="order_type" id="order_type">
             <div class="col-sm-3 col-md-3 mb-3">                         
        <select name="searchuser[]" multiple id="searchuser"  class="form-control select2" style="width:100%">
                                                      @foreach($result['users'] as $user)
                                                        <option  value="{{$user->myid}}"  @if(isset($_REQUEST['searchuser']) &&
                                                            !empty($_REQUEST['searchuser']) && in_array($user->myid,$_REQUEST['searchuser']))
                                                            selected @endif>{{$user->first_name}} {{$user->last_name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                  </div>
                </form>
              </div>
              @endif
							<!---End search code-->
							
							</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">
							<div class="col-xs-12">	
				                <table id="example1" class="table table-bordered table-striped">
									<thead>
										<tr>                      
											<th width="5%">{{ trans('ID') }}</th>
											<th>{{ trans('Name') }}</th>
											<th>{{ trans('Quiz Name') }}</th>
											<th>{{ trans('Obtain Mark') }}</th>
											<th>{{ trans('Completed Time') }}</th>
											<th>{{ trans('Date & Time') }}</th>
											<th>{{ trans('Total Questions') }}</th>
											<th>{{ trans('Quiz Time') }}</th>
											<th>{{ trans('Status') }}</th>
											<th width="10%">{{ trans('Action') }}</th>
										</tr>
									</thead>
									<tbody>
										@if(count((array) $result['questiondata'])>0)
										
											@foreach ($result['questiondata'] as  $rsVal)							
												<tr>
													<td>{{ $loop->iteration }}</td>
													<td>{{ $rsVal['first_name'] }} {{ $rsVal['last_name'] }}</td>
													<td>{{ $rsVal['quiz_name'] }}</td>
													<td>{{ $rsVal['quiz_obtainmark'] }}</td>
													@php
													if(!empty($rsVal['quiz_starttime'])&&!empty($rsVal['quiz_endtime'])) {
                         $datetime1 = new DateTime($rsVal['quiz_starttime']);
$datetime2 = new DateTime($rsVal['quiz_endtime']);
$interval = $datetime2->diff($datetime1);
$totalTime= $interval->format('%h')." Hours ".$interval->format('%i')." Minutes";
}

													@endphp
													<td>{{ $totalTime??0 }}</td>
													<td>{{ $rsVal['quiz_endtime'] }}</td>
													<td>{{ $rsVal['quiz_totalquestions'] }}</td>
													<td>{{ $rsVal['quiz_time'] }}</td>
													<td>@if(empty($rsVal['quiz_totalquestions']) && (empty($rsVal['quiz_obtainmark']))) Assign @elseif($rsVal['quiz_totalquestions']==$rsVal['quiz_obtainmark']) Pass @else Fail @endif</td>		
													<td>
													 @if(in_array("Delete",$LeadSources ))
														<a href="{{ route('quizs-assign-delete', [$rsVal['assignid']])}}" 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	
														@if($rsVal['quiz_endtime'])
														<a href="{{ route('view-quiz', [$rsVal['no_of_attampt'],$rsVal['id'],$rsVal['quserid']])}}" class="btn btn-info btn-xs"  data-toggle="tooltip" data-placement="bottom" title="View"><i class="fa fa-eye"></i><a/>
														@endif	
													</td>

												</tr>
											@endforeach
										@else
										<tr>
											<td colspan="3">No record found</td>							
										</tr>
										@endif
									</tbody>
				                </table>
							</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>
		</div>
	</section>  
</div>
</div>
@endsection 
@section('scripts')
@parent
<script type="text/javascript">
     function submitSearchForm() {
        $('.fullLoader').show();
        $('#report_search_form').submit();
    }
    $(function () { 
        $("#searchuser").select2({
            closeOnSelect: false,
            placeholder: 'Search by User',
        }).on("select2:select", function (e) {
            submitSearchForm();
        }).on('select2:unselect', function (e) {
            submitSearchForm();
        });
         
         
        });  
</script>
<script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
              el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
          });
  </script>
@stop