@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;
}
.pie-title-center {
  display: inline-block;
  position: relative;
  text-align: center;
  padding-right: 20px;
}

.pie-value {
  display: block;
  position: absolute;
  height: 40px;
  top: 50%;
  left: 0;
  right: 18px;
  margin-top: -10px;
  line-height: 55px;
  font-weight: 600;
font-size: 25px;
text-align: center;
}


</style>
 <link rel="stylesheet" href="{{ secure_asset('assets/css/psychometric-report.css') }}">
  <script src="{{ secure_asset('assets/js/pie-chart.js') }}" type="text/javascript"></script>
    <link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.3/jspdf.min.js"></script>
<script src="https://html2canvas.hertzen.com/dist/html2canvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>


<div class="pcoded-content">
	<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="page-header-title">
						<h4>Search for Test Result</h4>
					</div>
					<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>
				</div>
				<div id="mock-preview-page"></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(array_key_exists("start_date", $input) && array_key_exists("end_date", $input)) @if($input["start_date"]) from <span class="font-italic m-r-5 m-l-5"> {{$input["start_date"]}} to {{$input["end_date"]}} @endif @endif</span>
							</div>
							
						</div>
					</div>
					<table class="table table-striped pro-list-table">
						<thead class="bgn-gradient-blue">
							<tr>
								<th scope="col">
									Test PIN
								</th>
								<th scope="col">Assessment Date</th>
								<th scope="col">Assessment Name</th>
								<th scope="col">Candidate Name</th>								
								<th scope="col">Report Link</th>
								
							</tr>
						</thead>
						<tbody id="table_body">
							@if($resultReport->count() == 0)
								<tr>
									<td colspan="7" style="text-align: center;">No Record Found</td>
								</tr>
							@endif

							@foreach($resultReport as $result)
								<tr>
									<th scope="row">
										{{ $result->testpin }}
									</th>
									<td>{{ $result->created_at }}</td>
									<th>{{ $result->assessment_name }}</th>
									<td>{{ $result->candidate_name }}</td>									
									@if($result->is_available)
									<td><a href="javascript:void(0)" class="text-info f-14 b-b-blue" data-assign_id="{{$result->assign_id}}" data-test_pin="{{$result->testpin}}"  data-candidate_id="{{$result->candidate_id}}" id="mock-view-report">View Report</a></td>
									@else
                                                                        <td>Preparing Report</td>
									@endif
								</tr>
							@endforeach
						</tbody>
					</table>
					<div class="d-flex flex-row justify-content-center">
						<button class="btn orange btn-lg" type="button" id="load_more_report_mock" @if($resultReport->count() < 5) disabled="disabled" @endif>Load More</button>
					</div>
					<div style="display:none">
						{!! Form::open(["action" => "Mock\Corporate\CorporateController@testResultSearch", "id" => "load_more_form_mock"]) !!}
							
							{!! Form::hidden("assessment", $input['assessment']) !!}
							{!! Form::hidden("start_date", $input['start_date']) !!}
							{!! Form::hidden("end_date", $input['end_date']) !!}
							{!! Form::hidden("order_by_field", $input['order_by_field']) !!}
							{!! Form::hidden("order_by_type", $input['order_by_type']) !!}

							{!! Form::hidden("skip_count", "5", ["id" => "skip_count"]) !!}
							
						
						{!! Form::close() !!}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection

@section('footer')
	<script type="text/javascript">
		$(function() {
			$("#load_more_report_mock").click(function(e) {

				$("#load_more_report_mock").html("Processing....");
				var url = "{{ secure_url('pro/corporate/get/test-result') }}";
				
				var form_data = $("#load_more_form_mock").serialize();

				 $.ajax({
				      type: 'GET',
				      url: url,
				      data: form_data,
				      dataType: "html",
				      success: function(resultData, resultStatus, resultRequest) {

				      	if(resultRequest.status == 204) {

				      		swal({
								html: true, 
								title: '<span class="sweet-danger-text">Alert</span>', 
								text: "No data to load",
								type: "error",
								showCancelButton: false,
								confirmButtonText: "OK",
								closeOnConfirm: false,
								confirmButtonColor: '#f0443a',
							});

							$("#load_more_report_mock").html("Load More").attr("disabled", "disabled");
							return false;

				      	}

				      	$("#table_body").append(resultData);
				      	
				      	var skip_count = $("#skip_count").val();
				      	skip_count = parseInt(skip_count) + parseInt(5);
				      	$("#skip_count").val(skip_count);

				      },
				      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',
						});
						
				      }
				});

				$("#load_more_report_mock").html("Load More");

			});
		});


		$(document).on('click','#mock-view-report',function(){
		  var assign_id=$(this).attr('data-assign_id');
		  var test_pin=$(this).attr('data-test_pin');
		  var candidate_id=$(this).attr('data-candidate_id');
		   $('.hme-loading-mask').fadeIn();
		        $.ajax({
		         url:"{{secure_url('pro/corporate/get-test-result-report')}}",
		         type:'get',
		         data:{assign_id:$(this).attr('data-assign_id'),test_pin:$(this).attr('data-test_pin'),candidate_id:$(this).attr('data-candidate_id'),type:"overall"},
		         success:function(response){
		           $('.hme-loading-mask').fadeOut();
		           $('#mock-preview-page').html(response.component);
		           $('#mock-preview-large-Modal').modal('show');
		            $("#pre-js-pro-test-assign_id").val(assign_id);
		            $("#pre-js-pro-test-test_pin_id").val(test_pin);
		            $("#pre-js-pro-test-candidate_id").val(candidate_id);
		         },
		         error:function(err){
		             $('.hme-loading-mask').fadeOut();
		            alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
		         }
		       })
		  
		});

function getPDF(){
  $(".download").hide();   
  var HTML_Width = $(".canvas_div_pdf").width();
  var HTML_Height = $(".canvas_div_pdf").height();
  var top_left_margin = 15;
  var PDF_Width = HTML_Width+(top_left_margin*2);
  var PDF_Height = (PDF_Width*1.5)+(top_left_margin*2);
  var canvas_image_width = HTML_Width;
  var canvas_image_height = HTML_Height;

  var totalPDFPages = Math.ceil(HTML_Height/PDF_Height)-1;
  window.scrollTo(0,0);
  html2canvas($(".canvas_div_pdf")[0],{allowTaint:true}).then(function(canvas) {
	  canvas.getContext('3d');
	  var imgData = canvas.toDataURL("image/jpeg",1.0);
	  // var imgData=canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); 
	  var pdf = new jsPDF('p', 'pt',  [PDF_Width, PDF_Height]);
	  pdf.addImage(imgData, 'JPG', top_left_margin, top_left_margin,canvas_image_width,canvas_image_height);
	  
	  for (var i = 1; i <= totalPDFPages; i++) {
	  pdf.addPage(PDF_Width, PDF_Height);
	  pdf.addImage(imgData, 'JPG', top_left_margin, -(PDF_Height*i)+(top_left_margin*4),canvas_image_width,canvas_image_height);
	  }
	    pdf.save($("#js-download-pdf").val());
    });
};



</script>
@endsection