@php
$serverOrigin = $_SERVER['HTTP_ORIGIN'];
@endphp
@if(!$eval->isEmpty())
	<div class="d-flex align-items-start list-item card-spacer-x py-3">
		<div class="d-flex align-items-center">
			<div class="d-flex align-items-center mr-3">
				<label class="checkbox checkbox-inline checkbox-primary flex-shrink-0 mr-3">
					<input type="checkbox" disabled="true">
					<span></span>
				</label>
				<a href="#" class="btn btn-icon btn-xs">
					<i style="color:#ffc107 !important" class="flaticon-star text-muted"></i>
				</a>
			</div>
			<div class="d-flex align-items-center flex-wrap mr-3" style="width:350px" data-toggle="view">
				Evaluators Name
			</div>
		</div>
		<div class="flex-grow-1 mt-2 mr-2" style="width:250px" data-toggle="view">
			<div>
				<span class="font-weight-bolder font-size-lg mr-2">Candidate Name</span>
			</div>
		</div>
		<div class="flex-grow-1 mt-2 mr-2" style="width:250px" data-toggle="view">
			<div>
				<span class="font-weight-bolder font-size-lg mr-2">Email</span>
			</div>
		</div>
		<div class="flex-grow-1 mt-2 mr-2" style="width:100px" data-toggle="view">
			<div>
				<span class="font-weight-bolder font-size-lg mr-2">Phone</span>
			</div>
		</div>
		<div class="mt-2 mr-3 font-weight-bolder w-100px text-right" data-toggle="view">
			Date Created
		</div>
	</div>
	@php
		$i = 0;
	@endphp
	@foreach($eval as $data)
		<div class="d-flex align-items-start list-item card-spacer-x py-3 messageRes_{{$data->id}}" data-inbox="messageRes">
			<input type="hidden" class="datID" value="{{$data->id}}">
			<div class="d-flex align-items-center">
				<div class="d-flex align-items-center mr-3" data-inbox="actions">
					<label class="checkbox checkbox-inline checkbox-primary flex-shrink-0 mr-3">
						<input type="checkbox" class="cbxThisRes" data="{{$data->id}}">
						<span></span>
					</label>
					<input type="hidden" class="cbxAllRes" value="{{$data->id}}">
					<a href="#" dir="{{$data->id}}" data="{{$data->important}}" class="{{(($data->important==0)?'text-hover-warning':'text-hover-important')}} setImportant btn btn-icon btn-xs active" data-toggle="tooltip" data-placement="right" title="Set as Important" data-original-title="Set as Important" data="{{$data->id}}">
						@if ($data->important == 0)
							<i class="flaticon-star text-muted"></i>
						@else 
							<i style="color:#ffc107 !important" class="flaticon-star text-muted"></i>
						@endif
					</a>
				</div>
				<div class="d-flex align-items-center flex-wrap mr-3" style="width:350px" data-toggle="view">
					<div class="symbol symbol-light-primary symbol-35 mr-3">
						<span class="symbol-label font-weight-bolder">
							{{returnAcronym($data->fname)}}
						</span>
					</div>
					<a href="#" class="font-weight-bold text-dark-75 text-hover-primary">
						{{$data->lname.', '.$data->fname}}
					</a>
				</div>
			</div>
			<div class="flex-grow-1 mt-2 mr-2" style="width:250px" data-toggle="view">
				<div>
					<span class="font-weight-bolder font-size-lg mr-2">{{$cands[$i]}}</span>
				</div>
			</div>
			<div class="flex-grow-1 mt-2 mr-2" style="width:250px" data-toggle="view">
				<div>
					<span class="font-weight-bolder font-size-lg mr-2">{{$data->email}}</span>
				</div>
			</div>
			<div class="flex-grow-1 mt-2 mr-2" style="width:100px" data-toggle="view">
				<div>
					<span class="font-weight-bolder font-size-lg mr-2">{{$data->phone}}</span>
				</div>
			</div>
			<div class="mt-2 mr-3 font-weight-bolder w-100px text-right" data-toggle="view">
				{{$data->created_at->diffForHumans()}}
			</div>
		</div>
		@php
			$i++;
		@endphp
	@endforeach
	<div class="loadDataRes" style="display:none"></div>
	<script type="text/javascript">
		jQuery(document).ready(function() {

			jQuery('.cbxThisRes').click(function(e) {
				var dt = jQuery(this).attr('data');
				var localCbxArray = localStorage.getItem("responseCbx");
				var localExp = localCbxArray.split(",");
				var cbxArray = [];
				if (localCbxArray != '') {
					for (var i = 0; i < localExp.length; i++) {
						cbxArray.push(localExp[i]);
					}
				}
				if (cbxArray.includes(dt)) {
					for( var i = 0; i < cbxArray.length; i++){ 
				        if ( cbxArray[i] === dt) { 
				            cbxArray.splice(i, 1); 
				        }
				    }
				}
				else {
					cbxArray.push(dt);
				}

				if (cbxArray.length == 0) {
					jQuery('.exportDiv').hide();
				}
				else {
					jQuery('.exportDiv').show();
				}

				localStorage.setItem("responseCbx", cbxArray);

				jQuery(".loadDataRes").load('/pdfResponse/'+dt+'-0', function(data){
                    jQuery.post('/public/savePDFResponse', {id:dt, data:data}, function(dar) {});
                });
			});
			
			jQuery('.setImportant').click(function(e) {
				e.preventDefault();
				var data = jQuery(this).attr('data');
				var id = jQuery(this).attr('dir');

				var loading = new KTDialog({
					'type': 'loader',
					'placement': 'top center',
					'message': 'Loading ...'
				});
				loading.show();

				jQuery.post('/public/setImportant', {id:id, data:data, type:2}, function(data) {
					jQuery.post('/public/subResponse', {ord:'created_at', sortDir:'desc', start:0, length:20, search:''}, function(data) {
						jQuery('#candResponse').html(data);
						loading.hide();
					});
				});

			});

		});
	</script>
@else
	<center>
		<h3>No Data to Show.</h3>
	</center>
@endif