@if($type == 1)
		{!! Form::hidden('question_type',$question_type ? $question_type : "",['id'=>'js-pro-question_type-manual-'.$section,"data-question"]) !!} 
	@foreach($question_list as $question)
		<div class="question-list" id="question-{{$question->id}}">
			<div class="row d-flex align-items-center">
				<!-- <div class="question-view col-md-10 d-flex" data-toggle="modal" data-target="#manual-question-view" data-id="{{$question->id}}"> -->
					<div class="col-md-10 d-flex">
					{!! Form::hidden('question_pool_id',$question->pool_id,['id'=>'question_pool_id-'.$question->id]) !!}
					{!! Form::hidden('question_topic_id',$question->topic_id,['id'=>'question_topic_id-'.$question->id]) !!}
					{!! Form::hidden('question_difficulty_id',$question->difficult_level_id,['id'=>'question_difficulty_id-'.$question->id]) !!}
			<div class="question-view col-md-10 d-flex" data-toggle="modal" data-target="#manual-question-view" data-id="{{$question->id}}">
					<div class="col-xs-12 col-md-2 question-list-particulars w-w-b">
						{{ empty($question->pool_name) ? 'Undefined Pool' : ucfirst($question->pool_name->name) }}
					</div>
					<div class="col-xs-12 col-md-2 question-list-particulars w-w-b">
						{{ empty($question->topic_name) ? 'No Topic' : ucfirst($question->topic_name->name) }}
					</div>
					@if($question->question_type != 2)
					<div class="col-xs-12 col-md-2 w-w-b question-list-particulars">
						{{ empty($question->difficulty_name) ? 'Undefined Difficulty' : ucfirst($question->difficulty_name->difficulty_level) }}
					</div>
					@endif
					<div class="col-xs-12 col-md-6 question-list-content w-w-b">
						@php 
							$string = str_replace('&nbsp;',' ',strip_tags(str_replace(array("\r\n", "\r", "\n", "\t"), "<br />", $question->question)));
							if (strlen($string) > 500) {
							    $stringCut = substr($string, 0, 500);
							    $endPoint = strrpos($stringCut, ' />');
							    if ($endPoint == false) {
							    	$endPoint = strrpos($stringCut, ' ');
							    	$pointer = $endPoint;
								} else {
									$pointer = $endPoint+3;
								}
							    $string = $endPoint? substr($stringCut, 0, $pointer) : substr($stringCut, 0);
							    if (strlen($string) > 400) {
							    	$string = strip_tags($string);
								}
								if(strlen($string) < 1) {
									$string = 'Click To View Question';
								}
							    $string .= '...';
							}
						@endphp
						{!! $string !!}
					</div>
				</div>
				@if($question->question_type == 4)
					{!! Form::hidden('question_problem_id',$question->problem_id,['id'=>'question_problem_id-'.$question->id]) !!}
					<div class="col-xs-12 col-md-3 question-list-particulars">					
						<div class="pos-relative">
								<div class="hme-select-style w-100 radius-4">
                                {!! Form::select('language_cluster[]',$languatgecluster,!empty($pro_lang_data[$question->id])?$pro_lang_data[$question->id] : [],array('class'=>'form-control select2','multiple'=>true,'id'=>'languagecluster_id-'.$question->id,'data-placeholder'=>'Select'))  !!}
                                </div>
                          </div>
                    </div>
                  @endif
				</div>
				<div class="col-xs-12 col-md-2 question-list-particulars sriram">
					<div class="d-flex justify-content-end">
						<div class="multi-select m-t-5">
							<input type="checkbox" id="check-{{$question->id}}" name="checkbox-group" class="js-check-{{$section}} manual-selection-checkbox" data-val='{{$question->id}}'>
							<label for="check-{{$question->id}}">&nbsp;</label>
						</div>
						<a href="javascript:;" class="single-add js-add-manual-question" id="jsadd-{{$question->id}}" data-target="{{$section}}"><span class="hmepro-icon-plus"></span></a>
					</div>
				</div>
			</div>
		</div>
		@if($question->question_type == 4)
			<input type="hidden" id="problem_id-{{$question->id}}" value="{{$question ? $question->problem_id : ''}}">
		@endif
	@endforeach
	@if($question_list->hasMorePages())
	<div class="col-md-12 " id="loader-section">
		<div class="text-center">
			<a href="javascript:;" class="btn btn-outline-info js-manual-selection-load-more" id="jsloadmore-{{$section}}">Load more...</a>
		</div>
	</div>
	@else
	<div class="col-md-12 " id="loader-section">
		<div class="text-center">
			No More Questions based on your search criteria
		</div>
	</div>
	@endif
@else
{!! Form::hidden('question_type',$question_type ? $question_type : "",['id'=>'js-pro-question_type-'.$section]) !!}
	<div class="question-list light-green">
		<div class="row d-flex align-items-center">
			<div class="col-xs-12 col-md-6">
				{!! Form::hidden('auto_content_section-'.$question_set['section_id'],$question_set['section_id'],['id'=>'auto-content-section-'.$question_set['section_id']]) !!}
				<p>
					<span class="label">Pool : </span> <span class="data">{{$question_set['pool']}}</span>
					{!! Form::hidden('auto_content_pool-'.$question_set['section_id'],$question_set['pool_id'],['id'=>'auto-content-pool-'.$question_set['section_id']]) !!}
				</p>
				<p>
					<span class="label">Topic : </span> <span class="data">{{$question_set['topic']}}</span>
					{!! Form::hidden('auto_content_topic-'.$question_set['section_id'],$question_set['topic_id'],['id'=>'auto-content-topic-'.$question_set['section_id']]) !!}
				</p>
			</div>


			<div class="col-xs-12 col-md-4 d-flex justify-content-between">
				@php
					$sum = 0; 
				@endphp
				@foreach($question_set['matrix'] as $difficulty => $count)
				@php
					if($loop->iteration == 1){
						$bg_color = 'bg-green';
					} elseif ($loop->iteration == 2) {
						$bg_color = 'bg-yellow';
					} else {
						$bg_color = 'bg-red';
					}
					$sum = $sum + $count;
				@endphp
				<div class="d-flex justify-content-center flex-column">
					<label class="text-center text-inverse m-b-0 f-14 f-w-400">{{ strtoupper(str_replace('_',' ',$difficulty)) }}</label>
					<div class="edit-label-input d-flex justify-content-center">
						<input type="text" class="input edit-label-input-left matrix-input @if($count==0) light-grey-bg c-white @endif" name="qCount" value="" id="{{ strtolower($difficulty).'-'.$question_set['section_id'] }}" @if($count==0)disabled="disabled"@endif data-limit="{{$count}}">
						<span class="{{$bg_color}} edit-label-input-right">{{$count}}</span>
					</div>
				</div>
				@endforeach
			</div>
																					
			<div class="col-xs-12 col-md-2">
				<div class="d-flex justify-content-end">
					<!-- <div class="multi-select">
						<input type="checkbox" id="testcheck1" checked name="checkbox-group" >
						<label for="testcheck1">&nbsp;</label>
					</div> -->

					<a href="javascript:;" @if ($sum == 0) class="single-add btn-disable" @else class="single-add @if($question_set['question_type'] == 'no_difficulty') add-auto-matrix-no-diff @else add-auto-matrix @endif" id="pointer-{{$question_set['section_id']}}" @endif><span class="hmepro-icon-plus"></span></a>
				</div>
			</div>
		</div>
	</div>
@endif
<script type="text/javascript">
	$(document).find('.select2').select2();
</script>