@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 Lists') }}</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('Quiz Lists') }}</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">
							<div class="row">
								<div class="box-tools pull-right">
									@if(in_array("Add",$LeadSources ))
									<a href="{{ route('add-quiz') }}" type="button" class="btn btn-block btn-primary" style="margin-bottom:10px;">{{ trans('Add Quiz') }}</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">
							<div class="col-xs-12">	
				                <table id="example1" class="table table-bordered table-striped text-center">
									<thead>
										<tr>                      
											<th width="5%">{{ trans('ID') }}</th>
											<th>{{ trans('Quiz Name') }}</th>
											<th>{{ trans('Quiz Time(m)') }}</th>
											<th>Quiz added by </th>
											<th>Total Questions  </th>
											<th>{{ trans('Date') }}</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->quiz_name }}</td>
													<td>{{ $rsVal->quiz_time }}</td>
													<td>{{ $rsVal->quizcreateby['first_name'] }} {{ $rsVal->quizcreateby['last_name'] }}</td>
													<td>{{ count($rsVal->getquestion) }}</td>
													<td>{{ $rsVal->created_at }}</td>		
													<td style="width:15%">
														@if(in_array("Edit",$LeadSources ))
														<a href="{{route('check-quiz-info-for-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="{{ route('quizs-questions-delete', [$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	
														@if(in_array("Assign",$LeadSources ))
							<a style="padding: 1px 12px;!important" href="" onclick="myfun({{$rsVal->id}});" class="btn btn-primary"  data-toggle="modal"  data-target="#myModal">Assign</a>@endif
													</td>
													
												</tr>
											@endforeach
										@else
										<tr>
											<td colspan="3">No record found</td>							
										</tr>
										@endif
									</tbody>
				                </table>
							</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>
		<!-- Modal -->
<div class="modal fade bd-example-modal-sm" id="myModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close" style="margin-top: 10px; margin-right: 10px;">
          <span aria-hidden="true"style="font-size:20px;">&times;</span>
        </button>
       <div class="form-group col-md-12" style="padding-left:30px; padding-right:30px;">
	   <h3 style="margin-bottom:0px">Assign to user</h3>
									{!! Form::open(array('url' => route('assign-user-store'), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewLeadSources', 'enctype'=>'multipart/form-data')) !!}
        <label for="inputCity1"></label>
        <select name="user[]" id="user" multiple class="form-control select2" style="width:100%">
                                                        <option value=''>Select User</option>
                                                        @foreach($result['users'] as $user)
                                                        <option  value="{{$user->myid}}">{{$user->first_name}} {{$user->last_name}}
                                                        </option>
                                                        @endforeach
                                                    </select>
                                                    
      </div>
      <input type="hidden" name="QType" id="QType" value="">

      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
       <button type="submit" class="btn btn-primary" style="">{{ trans('Submit') }}</button>
      </div>
      {!! Form::close() !!}
    </div>
  </div>
</div>
	</section>  
</div>
</div>
<script type="text/javascript">
	function myfun(target_id){
	$(document).ready(function(){
    $('#QType').val(target_id);
	
		
	$(document).on('show.bs.modal', '#myModal', function(e){
		// This does not get fired anymore
		//console.info(e);
	});
	
	$("#openmodal"+target_id).trigger('click');
});
}
</script>
<script>
    document.querySelectorAll('#watermarked').forEach(function(el) {
              el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
          });
  </script>
@endsection