@extends('layouts.main')
@section('title',trans('core.title_test_result'))
@section('content')
<style type="text/css">
	@import url(https://fonts.googleapis.com/css?family=Lato);

body {
  font-family: Lato;
}

.chart {
    width  : 800px;
    height : 220px;
}
.hide{
	display: none;
}
</style>
<div class="pcoded-content">
		<div class="hme-loading-mask">
    <div class="hme-loading-container">
        <div class="hme-dual-ring"></div>
        <div>Please wait, Loading...</div>
    </div>
  </div>
	<div class="pcoded-inner-content p-0">
		<div class="main-body">
			<div class="page-wrapper p-0">
				<div class="page-header p-15 m-b-0 pro-page-heading1">
					<div class="row">
					<div class="col-md-9 p-r-0">
						<div class="page-header-title">
							<h4>Analysis Report</h4>
						</div>
						<button class="btn btn-sm btn-warning pull-right" {{($resultReport->count() ==0)?"disabled":""}} id="export" data-url="{{secure_url('pro/analysis-report')}}">Export</button>

		<!--<a href="{{ secure_url('pro/analysis-report/ranking')}}" class="btn btn-sm btn-warning pull-right m-r-10"> Rank Export </a>-->

					{{-- @version 20.1 MRF Customized Excel --}}
					@if($auth_user->company_id==getenv('MRF_CORPORATE_ID'))
						<button class="btn btn-sm btn-warning pull-right m-r-10" id="download-mrf-report-button"> Customized Excel Export</button>
					@endif	

					</div>
					
						<div class="col-md-3">
						@if(!session()->has('new_portal_redirect'))
							<div class="page-header-breadcrumb p-r-10">
								<ul class="breadcrumb-title">
									<li class="breadcrumb-item">
									@if(Auth::guard('corporate')->user()->user_type == 1)
										<a href="{{secure_url('company/dashboard') }}">
									@elseif(Auth::guard('corporate')->user()->user_type == 2)
										<a href="{{secure_url('recruiter/dashboard') }}">
									@endif 
											<span class="hiremee-home"></span>
										</a>
									</li>
									<li class="breadcrumb-item"><a href="{{ secure_url('pro/company/test-result') }}">Search for Test Result</a>
										</li>
								</ul>
							</div>
						@endif
						</div>
					
				</div>

					
				</div>
				<div id="pro-preview-page1"></div>
				
					<div class="page-body">
						<!-- <div class="pageheader bg-666666">
							<div class="row">
								<div class="col col-md-6 d-flex c-white align-items-center">
									<span class="font-italic m-r-5 m-l-5"> Assessment Result </span> @if($start_date) from <span class="font-italic m-r-5 m-l-5"> {{$start_date}} to {{$end_date}} @endif</span>
								</div>
								<div class="col col-md-6 d-flex align-items-center justify-content-end">
									<button id="download_test_report" class="btn btn-primary pro-green c-white with-icon" @if($resultReport->count() == 0) disabled="disabled" @endif><span class="btn-icon hmepro-icon-excel"></span> Download Excel</button>
								</div>
							</div>
						</div> -->
					@if($auth_user->company_id==getenv('MRF_CORPORATE_ID'))	
						<div class="col-xs-12 col-md-12 p-r-0 d-none" id="mrf_filter_section">
							<div class="row">
								<div class="col-md-3">
									<div class="">
				                      	<label>Search Date :</label>
					                </div>
									<div class="">
										<div class="pos-relative">
											<div class="form-radio">
							                    <div class="radio radiofill radio-primary radio-inline">
							                      <label>
							                        <input name="search_date_type" class="search_date_type" value="1" data-bv-field="member" type="radio" checked="checked">
							                          <i class="helper"></i>Today
							                      </label>
							                    </div>
							                    <div class="radio radiofill radio-primary radio-inline">
							                      <label>
							                        <input name="search_date_type" class="search_date_type" value="2" data-bv-field="member" type="radio">
							                          <i class="helper"></i>Date of Range
							                      </label>
							                    </div>
						                  	</div>
						                </div>
						            </div>
							    </div>
							    <div class="col-md-9 d-flex" id="">
							    	
							    	 <div class="col-md-2">

										@php
				             	       $filter_range = HireMeeHelper::countBasedLimiter($total_count,getenv('MRF_REPORT_ROWS'));
				                       @endphp			
									<div class="">
					                      	<label>Set Range:</label>
						                </div>
						                  <div class="input-group radius-4">
				                  	{!! Form::select('rprt_filter_range',[""=>"Select"]+$filter_range,'',['class'=>'form-control','id'=>'rprt_filter_range']) !!}
				                  </div>
					            </div>	

									<div class="col-md-3 specific_date_block">
										<div class="">
					                      	<label>Start Date :</label>
						                </div>
						                  <div class="input-group radius-4">
						                    <input class="form-control radius-4" placeholder="e.g. 14-08-2020" id="mrf_start_date_field" readonly="true" name="mrf_start_date_field" type="text" value="" autocomplete="off" data-dtp="dtp_UBixN">
						                    <span class="input-group-addon">
						                      <i class="icofont icofont-calendar"></i>
						                    </span>
						                  </div>
						            </div>  
						            <div class="col-md-3 specific_date_block">
										<div class="">
					                      	<label>End Date :</label>
					                  	</div>
						                <div class="input-group radius-4">
						                    <input class="form-control radius-4" placeholder="e.g. 14-08-2020" id="mrf_end_date_field" readonly="true" name="mrf_end_date_field" type="text" value="" autocomplete="off" data-dtp="dtp_IQysH">
						                    <span class="input-group-addon">
						                      <i class="icofont icofont-calendar"></i>
						                    </span>
						                </div>
						            </div>  
						       
						            <div class="col-md-2 p-t-30"><button type="button" class="btn btn-sm btn-info " id="download-mrf-report">Download</button></div>
						        </div>    
					            <!-- <div class="col-md-12">
									<button type="button" class="btn btn-sm btn-info m-b-10" id="download-mrf-report">Download</button>
					            </div>  -->    	
							</div>
						</div>			
						@endif	
						<div class="row">
							<div class="col-xs-12 col-md-9 p-r-0">
								<table class="table table-striped pro-list-table tbl-truncate-break ">
							<thead class="bgn-gradient-blue">
								<tr>
									<th scope="col">Test Date</th>
									<th scope="col" id="th-candidate">Candidate Name</th>
									<th scope="col" id="th-city" class="d-none">City</th>
									<th scope="col" id="th-gender" class="d-none">Gender</th>
									<th scope="col" id="th-state" class="d-none">State</th>
									<th scope="col" id="th-collage" class="d-none">College</th>
									<th scope="col">Email</th>
									<th scope="col">Assessment</th>
									<th scope="col">Test Pin</th>
									<th scope="col">Score</th>
									<th scope="col">Percentage</th>
								</tr>
							</thead>
							<tbody id="table_body">
								@if($resultReport->count() == 0)
									<tr>
										<td colspan="7" style="text-align: center;">
											<i class="hiremee-search f-100 text-93"></i>
											<h2 class="text-93">No Records Found</h2>
										</td>
									</tr>
									@else
										@include('pro.corporate.analysis_report_loadmore')
								@endif
							</tbody>
						</table>
							</div>
							<div class="col-xs-12 col-md-3   ">
								
									<div class="pro-right-utility">
					                <header class="">Search Records</header>
					                <form id="searchFrom" method="get">
					                  <div class="">
					                      <label>Start Date :</label>
					                  </div>
					                  <div class="input-group radius-4">
					                    <input class="form-control radius-4" placeholder="e.g. 14-08-2020" id="start_date_field" readonly="true" name="start_date_field" type="text" value="" autocomplete="off" data-dtp="dtp_IQysH">
					                    <span class="input-group-addon">
					                      <i class="icofont icofont-calendar"></i>
					                    </span>
					                  </div>
					                  <input type="hidden" name="export" value="1">
					                  <div class="">
					                    <label>End Date :</label>
					                  </div>

					                  <div class="input-group radius-4">
					                    <input class="form-control radius-4" placeholder="e.g. 15-08-2020" id="end_date_field" readonly="true" name="end_date_field" type="text" value="" autocomplete="off" data-dtp="dtp_ozodu">
					                    <span class="input-group-addon">
					                      <i class="icofont icofont-calendar"></i>
					                    </span>
					                  </div>
					                 <div>
					                  	<div class="">
						                      <label>Percentage :</label>
						                  </div>
					                 		<div class="input-group radius-4">
						                    	<select  name="percent" id="percent" class="form-control filter">
						                    		<option value=''>All</option>
						                    		<option value='1'>> 70% </option>
						                    		<option value='2'>< 70%</option>
						                    		
						                    	</select>
						                  </div>
					                  </div>
					                  <div class="">
						                      <label>Search By Predefined Form:</label>
						                  </div>
				                 		<div class="input-group radius-4">
					                    	<select  name="filter-by" id="filter-by" class="form-control">
					                    		<option value="">Select</option>
					                    		<option value="gender">Gender</option>
					                    		<option value="collage">College</option>
					                    		<option value="city">City</option>
					                    		<option value="state">State</option>
					                    		
					                    	</select>
					                  </div>
					                  <div id="gender-filter" class="filters-fld hide">
					                  	<div class="">
						                      <label>Gender :</label>
						                  </div>
					                 		<div class="input-group radius-4">
						                    	<select  name="gender" id="gender" class="form-control filter">
						                    		<option value=''>Select</option>
						                    		@if(!empty($gender_list))
							                    		@foreach($gender_list->options as $option)
							                    			<option value="{{$option->option_value}}">{{$option->option_name}}</option>
							                    		@endforeach	
						                    		@endif
						                    	</select>
						                  </div>
					                  </div>
					                   <div id="collage-filter"  class="filters-fld hide">
					                  	<div class="">
						                      <label>College :</label>
						                  </div>
				                 		<div class="input-group radius-4">
					                    	<select  name="collage" id="collage" class="form-control filter">
					                    		<option value=''>Select</option>
					                    		@if(!empty($collage_list))
					                    		@foreach($collage_list->options as $option)
					                    			<option value="{{$option->option_value}}">{{$option->option_name}}</option>
					                    		@endforeach	
					                    		@endif
					                    	</select>
					                  </div>
					                  </div>
					                  <div id="state-filter"  class="filters-fld hide">
					                  <div class="">
						                      <label>State :</label>
						                  </div>
				                 		<div class="input-group radius-4">
					                    	<select  name="state" id="state" class="form-control filter">
					                    		<option value=''>Select</option>
					                    		@if(!empty($state_list))
					                    		@foreach($state_list->options as $option)
					                    			<option value="{{$option->option_value}}">{{$option->option_name}}</option>
					                    		@endforeach	
					                    		@endif
					                    	</select>
					                  </div>
					                  </div>
					                  <div id="city-filter"  class="filters-fld hide">
					                  <div class="">
						                      <label>City :</label>
						                  </div>
				                 		<div class="input-group radius-4">
					                    	<select  name="city" id="city" class="form-control filter">
					                    		<option value=''>Select</option>
					                    		@if(!empty($city_list))
					                    		@foreach($city_list->options as $option)
					                    			<option value="{{$option->option_value}}">{{$option->option_name}}</option>
					                    		@endforeach	
					                    		@endif
					                    	</select>
					                  </div>
					                  </div>

					                  <div class="">
						                  		<button  value="Submit" class="btn btn-sm btn-info">Search</button>
						                  		<button id="reset" class="btn btn-sm btn-danger">Reset</button>
						                 	</div>
					                </form>
					              </div>
							</div>
						</div>



				
					 
					@if($resultReport->count() > 0)
						<div class="d-flex flex-row justify-content-center">
							<button class="btn orange btn-lg" type="button" id="load_more_report" {{($hasMore ==false)?"disabled":""}} data-page='2'>Load More</button>
						</div>
					@endif	
					
					</div>
				
			</div>
		</div>
	</div>
</div>
@endsection

@section('footer')
<script>

	$(function() {
        $("#start_date_field").bootstrapMaterialDatePicker({
		    	time:false,
		    	clearButton: true,
		    	format: 'YYYY-MM-DD'
		    }).on('change', function(e, date) {

		    	$("#end_date_field").val("");
		    	$("#end_date_field").bootstrapMaterialDatePicker('setMinDate', date);

		    });
		    $("#end_date_field").bootstrapMaterialDatePicker({
		    	time:false,
		    	clearButton: true,
		    	format: 'YYYY-MM-DD'
		    }).on('change', function(e, date) {
		    	var start 	= $("#start_date_field").val();
		    	var end 	= $("#end_date_field").val();
		    	var startDateArr = start.split("-");
		    	var endDateArr 	 = end.split("-");
		   		var startDate 	 = new Date(startDateArr[0],startDateArr[1],startDateArr[2]);
				var endDate 	 = new Date(endDateArr[0], endDateArr[1], endDateArr[2]);
		    	if(endDate < startDate){
		    		$("#end_date_field").val("");
		    		console.log('wrong');
		    	}
		    });
	});
				
   
    $('#export').click(function(e){
    	e.preventDefault();
    	$('.hme-loading-mask').fadeIn();
    	url = $(this).data('url');
    		var start_date= $.trim($('#start_date_field').val());
	    	var end_date= $.trim($('#end_date_field').val());
	    	var state= $.trim($('#state').val());
            var city= $.trim($('#city').val());
            var gender= $.trim($('#gender').val());
            var collage= $.trim($('#collage').val());
            var start_date= $.trim($('#start_date_field').val());
	        var end_date= $.trim($('#end_date_field').val());
	        var percent= $.trim($('#percent').val());
	    	window.location.href=url+"?start_date="+start_date+"&end_date="+end_date+"&export=1"+'&state='+state+'&city='+city+'&gender='+gender+'&collage='+collage+'&percent='+percent;
	    	 $('.hme-loading-mask').fadeOut();
    });

	$("#searchFrom").submit(function(e) {
   		 e.preventDefault();
		  }).validate({
		      submitHandler: function(form) { 
		         $("body").find("#create_pool").text("Processing...").attr("disabled",true);
		            var start_date= $.trim($('#start_date_field').val());
		            var end_date= $.trim($('#end_date_field').val());
		            var state= $.trim($('#state').val());
		            var city= $.trim($('#city').val());
		            var gender= $.trim($('#gender').val());
		            var collage= $.trim($('#collage').val());
		            var percent= $.trim($('#percent').val());
		            $.ajax({
		              method:"get",
		              dataType:'json',
		              url: baseUrl+"/pro/analysis-report",
		              data:{ "start_date":start_date,"end_date":end_date,"_token": $('meta[name=csrf-token]').attr('content'),'state':state,'city':city,'gender':gender,'collage':collage,'percent':percent},
		              beforeSend:function(){
		              	$('.hme-loading-mask').fadeIn();
		              },
		              success:function(response){
		              	$('.hme-loading-mask').fadeOut();
		                if (response.status == 'ok') {
		                	if(response.count == 0)
		                	{
		                		$('#export').prop('disabled',true);
		                	}else{
		                		 $('#export').prop('disabled',false);
		                	}
		                    $('#table_body').html("");
		                    $('#table_body').html(response.content);
		                    		$('#th-gender').addClass('d-none');
		                    		$('#th-city').addClass('d-none');
		                    		$('#th-collage').addClass('d-none');
		                    		$('#th-state').addClass('d-none');

		                    	if(response.data.city !== undefined && response.data.city !== ''){
		                    		$('#th-city').removeClass('d-none');
		                    	}
		                    	if(response.data.state !== undefined && response.data.state !== ''){
		                    		$('#th-state').removeClass('d-none');
		                    	}
		                    	if(response.data.collage !== undefined && response.data.collage !== ''){
		                    		$('#th-collage').removeClass('d-none');
		                   		}
		                   		if(response.data.gender !== undefined && response.data.gender !== ''){
		                    		$('#th-gender').removeClass('d-none');
		                   		}

		                    $('.hme-loading-mask').fadeOut();
		                    if(response.hasmore == false) {
		                      $('#load_more_report').hide();
		                      $('#loader').show();
		                    } else {
		                      	$('#load_more_report').show();
		                     	 $('#loader').hide();
		                     	 if(parseInt($('#load_more_report').attr('data-page')) != 2){
		                     	 	$('#load_more_report').attr('data-page',2);
		                    	}
		                  }
		                     
		                 }else{
		                     
		                    $("body").find("#create_pool").text("Create pool").attr("disabled",false);
		                 }
		               }  
		             });
		        return false;
		    }
		});


		$(document).on('click','#load_more_report', function() {
			   $(this).hide();
			   $('.hme-loading-mask').fadeIn();
			   $.ajax({
			     url: baseUrl+'pro/analysis-report',
			     type: "get",
			     dataType:'json',
			     data: {'limit': 10,'page':$(this).attr('data-page')},
			     success: function(response){
			       if (response.status == 'ok') {
			         $('#table_body').append(response.content);
			         $('.hme-loading-mask').fadeOut();
			         if(response.hasmore == false) {
			           $('#load_more_report').hide();
			           $('#loader').show();
			         } else {
			           $('#load_more_report').show();
			           $('#loader').hide();
			           $('#load_more_report').attr('data-page',parseInt($('#load_more_report').attr('data-page'))+1);
			         }
			       }
			     },
			     error: function(error){
			       swal({
			         html: true, 
			         title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
			         text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
			         type: "error",
			         showCancelButton: false,
			         confirmButtonText: "OK",
			         closeOnConfirm: false
			       });
		     	}
		   });
			
		});

		$('#filter-by').change(function(){
			filter_value = $(this).val();
			$('.filters-fld').css('display','none');
			if(filter_value !== ''){
				$('.filter').val('');
				$('#'+filter_value+'-filter').css('display','block');
			}else{
				$('.filter').val('');
			}

		});

		$('#reset').click(function(e){
			e.preventDefault();
			$('#searchFrom,input,select').val('');
			$('#filter-by').trigger('change');
		})

/****** @version 20.1 MRF Customized Excel Report *****/
$("#download-mrf-report").click(function(e) {
	var mrf_start = $("#mrf_start_date_field").val();
	var mrf_end   = $("#mrf_end_date_field").val();
	var mrf_search = $("input[name='search_date_type']:checked").val();
	var skip_count = $("#rprt_filter_range").val();
	var limit = "{{ getenv('MRF_REPORT_ROWS')}}";
	if(mrf_search==2 && (mrf_start=='' || mrf_end=='' || mrf_start==undefined || mrf_end==undefined)){
		swal({
			html: true, 
			title: '<span class="sweet-alert-text">Warning</span>', 
			text:"Start Date and End Date is Required",
			type: "warning",
			showCancelButton: false,
			confirmButtonText: "OK",
			closeOnConfirm: false,
			confirmButtonColor: '#f0443a',
		});
		return false;
	}else{
		$('.hme-loading-mask').fadeIn();
		var url = baseUrl+"/pro/analysis-report/mrfreport";
		$.ajax({
			type: "GET",
			url: url,
			data: {'search_type':mrf_search,'start_date':mrf_start,'end_date':mrf_end,'skip_count':skip_count,'limit':limit},
			dataType:'json',
			success: function(res) {
				if(res.status=='success')
				{
					var a = document.createElement("a");
					a.href = res.file; 
					a.download = res.name;
					document.body.appendChild(a);
					a.click();
					a.remove();
					swal({
						html: true, 
						title: '<span class="sweet-danger-text">Excel Download</span>', 
						text: "Report Download Successfully",
						type: "success",
						showCancelButton: false,
						confirmButtonText: "OK",
						closeOnConfirm: false,
						confirmButtonColor: '#f0443a',
					});
					$("#mrf_start_date_field,#mrf_end_date_field").val('');
					$("#mrf_filter_section").addClass('d-none');
				}else{
					if(res.code==10)
					{
						swal({
							html: true, 
							title: '<span class="sweet-info-text">Information</span>', 
							text: res.message,
							type: "info",
							showCancelButton: false,
							confirmButtonText: "OK",
							closeOnConfirm: false,
						});
					}
					else{
						swal({
							html: true, 
							title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
							text: res.message,
							type: "error",
							showCancelButton: false,
							confirmButtonText: "OK",
							closeOnConfirm: false,
							confirmButtonColor: '#f0443a',
						});
					}	
				}	
				$('.hme-loading-mask').fadeOut();	
			},
			error: function (error) {
				swal({
					html: true, 
					title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
					text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
					type: "error",
					showCancelButton: false,
					confirmButtonText: "OK",
					closeOnConfirm: false,
					confirmButtonColor: '#f0443a',
				});
				$('.hme-loading-mask').fadeOut();
			}
		});
	}	
});	
$(function() {
	var todayDate = new Date().getDate();
	$("#mrf_start_date_field").bootstrapMaterialDatePicker({
		time:false,
		clearButton: true,
		format: 'YYYY-MM-DD',
		maxDate: new Date(new Date().setDate(todayDate-1)),
	}).on('change', function(e, date) {
		$("#mrf_end_date_field").val("");
		$("#mrf_end_date_field").bootstrapMaterialDatePicker('setMinDate', date);
	});

	$("#mrf_end_date_field").bootstrapMaterialDatePicker({
		time:false,
		clearButton: true,
		format: 'YYYY-MM-DD',
		maxDate: new Date(new Date().setDate(todayDate-1)),
	}).on('change', function(e, date) {
		var start 	= $("#mrf_start_date_field").val();
		var end 	= $("#mrf_end_date_field").val();
		var startDateArr = start.split("-");
		var endDateArr 	 = end.split("-");
			var startDate 	 = new Date(startDateArr[0],startDateArr[1],startDateArr[2]);
		var endDate 	 = new Date(endDateArr[0], endDateArr[1], endDateArr[2]);
		if(endDate < startDate){
			$("#mrf_end_date_field").val("");
			console.log('wrong');
		}
	});
});
$(document).on("click","#download-mrf-report-button",function(e){
	e.preventDefault();
	opt_type = $('.search_date_type:checked').val();
	console.log(opt_type);
	if(opt_type==2){
		$(".specific_date_block").removeClass('d-none');
		//$(".date_of_range").addClass('d-flex');
	}else{
		$(".specific_date_block").addClass('d-none');
	}
	 if($("#mrf_filter_section").hasClass('d-none')){
	 	$("#mrf_filter_section").removeClass('d-none');
	 }else{
	 	$("#mrf_filter_section").addClass('d-none');
	 }
});
$('.search_date_type').change(function(e){	
	e.preventDefault();
	opt_type = $(this).val();
	if(opt_type==2){
		$(".specific_date_block").removeClass('d-none');
		//$(".date_of_range").addClass('d-flex');
	}else{
		$(".specific_date_block").addClass('d-none');
	}
    $('.hme-loading-mask').fadeIn();
    var limit = "{{ getenv('MRF_REPORT_ROWS')}}";
	$.ajax({
			type: "GET",
			url:"{{ secure_url('pro/analysis-report/mrfreport/filtercount') }}" ,
			data: {'search_type':opt_type,'limit':limit},
			dataType:'json',
			success: function(res) {
				$('#rprt_filter_range').html('');
				$('#rprt_filter_range').append('<option value="">Select</option>');
				$.each(res.filter_range,function(key,value) {
					$('#rprt_filter_range').append('<option value="'+key+'">'+ value +'</option>');
				});
			 $('.hme-loading-mask').fadeOut();  

			},
			error: function (error) {
				swal({
					html: true, 
					title: '<span class="sweet-danger-text">Something Went Wrong</span>', 
					text: "Your action  has been suspended, Sorry for the inconvenience. Please try again later",
					type: "error",
					showCancelButton: false,
					confirmButtonText: "OK",
					closeOnConfirm: false,
					confirmButtonColor: '#f0443a',
				});
				$('.hme-loading-mask').fadeOut();
			}
})
	})
</script>
@endsection