@extends('layouts.main')
@section('title',trans('Candidate Attempt Transcript'))
@section('content')
<link href='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'>
<style>
.dynamic-img-width tr td img{
	width:100% !important;
	height:auto !important;
}
body{
    font-family: roboto;
}
.pad-3{
	padding: 20px;
}
.text-center-report{
	text-align: center;
}
.borderbottom-reprt{
	border-bottom: 1px solid #dddddd;
}
.main-title {
	color: #0b6624;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
}
.sub-title {
	color: #252525;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
.assessmenrsum-report {
	background-color: #f4fff7;
	border: 1px solid #0b6624;
	border-radius: 10px;
}
.assessmentinside-report {
	background-color: #8fc740;
	color: #000000;
	font-size: 16px;
	padding: 20px 20px 0px 20px;
	font-weight: 600;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
}
.assessmentname-report{
	color: #252525;
	font-size: 16px;
	font-weight: 400;
	padding: 20px;
}
.assess-report-value {
	color: #0b6624;
	font-size: 14px;
	margin-left: 10px;
	font-weight: 700;
}
.col-4-report{
	width: 33%;
}
.col-10-report{
	width: 80%;
}
.col-2-report{
	width: 20%;
}
.col-9-report{
	width: 75%;
}
.col-5-report{
	width: 40%;
}
.col-3-report{
	width: 25%;
}
.col-12-report{
	width: 100%;
}
.col-6-report{
	width: 50%;
}
.card-div{
	text-align: center;
	padding: 10px;
}
.card-div-head{
	padding-top: 20px;
}
.card-reportpage{
	background-color: #ffffff;
	text-align: center;
}
.card-valuebottom{
	background: #787977;
	padding: 15px;
	color: #fff;
	font-weight: 700;
	font-size: 16px;   
}
.mt-3-report{
	/*margin-top: 50px;*/
	margin-top: 20px;
}
.textstart-report{
	text-align: start;
}
.textend-report{
	text-align: end;
}
.btnreportscreen{
	padding: 10px;
	border-radius: 10px;
	color: #fff;
	font-weight: 400;
	background: #416e01eb;
}
.pl-0-report{
	margin-left: 0px;
}
.option-back {
	/*background-color: #8fc740;
	width: 34px;*/
	min-width: 34px;
	/*height: 30px;*/
	/*color: #fff;*/
	text-align: center;
	padding-top: 5px;
	/*margin-bottom: 5px;
	border-radius: 5px;*/
	color: #000;
	font-weight: 500;
}
.btncorrectanswer {
	padding: 10px;
	border-radius: 10px;
	color: #8fc740;
	font-weight: 400;
	background: #fff;
	border: 2px dashed #8fc740;
	margin-left: 12px;
}
.btncandidateanswer {
	padding: 10px;
	border-radius: 10px;
	color: #0b6624;
	font-weight: 400;
	background: #fff;
	border: 2px dashed #0b6624;
	margin-left: 12px;
}
.btnwronganswer {
	padding: 10px;
	border-radius: 10px;
	color: #ff0000;
	font-weight: 400;
	background: #fff;
	border: 2px dashed #ff0000;
	margin-left: 12px;
}
.btnobtained{
	padding: 10px;
	border-radius: 10px;
	color: #fff;
	font-weight: 400;
	background: #787977; 
}
.f-14-report{
	font-size: 14px;
}
.max-height-report{
	max-height: 120px;
	margin-top: 10px;
}
.page {
	page-break-before: always;
	/*page-break-inside: avoid !important;*/
	page-break-after: always;
	/*overflow: hidden !important;*/
}
.page-break-before{page-break-before: always;}
.avoid-break{page-break-inside: avoid !important;}
.page-break-after{page-break-after: always;}
body p{
/* font-size: 20px !important;
line-height: 20pt !important;*/
}
.option-num{
	vertical-align: baseline !important;
	padding: 0px !important;
}
.option-txt{
	/*max-width: 300px !important;*/
	white-space: normal;
	padding-top: 2px;
}
.pdf-card{
	margin: 20px;
}
.assess-report-value img{
 	max-width:200px !important;
	max-height:200px !important;
}
.btncandidateanswer img{
	max-width:200px !important;
	max-height:200px !important;
}
.btncorrectanswer img{
	max-width:200px !important;
	max-height:200px !important;
}
.question-image img{
	max-width:200px !important;
    max-height:200px !important;
}
.btncandidateanswer_essay {
	padding: 10px;
	border-radius: 10px;
	color: #0b6624;
	font-weight: 400;
	background: #fff;
	border: 2px dashed #0b6624;
	margin-left: 12px;
	display:inline-block;
}
.btncandidateanswer_essay img{
	max-width:200px !important;
	max-height:200px !important;
}
</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="page-header-title">
						<h4>Test Results</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="{{ URL::previous() }}">Test Result</a></li>
						</ul>
					</div>
				</div>
		<div class="page-body">
		<div class="pageheader">
		<div class="row">
		<div class="col col-md-6 d-flex align-items-center">
		@if(!empty($get_candidate_list))
		<h5>Result For <i><span class="c-info">{{ $get_candidate_list->pro_candidate->first_name}} {{ $get_candidate_list->pro_candidate->last_name ?? '--'}}</span></i>  </h5>
		@endif

		</div>
		<div class="col col-md-6 d-flex justify-content-end"> {{--  @version 21.0 @author Dilip <V2E17314> @abstract Masked & Unmasked --}}
		<!-- @author Naveenkumar S <V2E17315> -->
		<div class="d-flex align-items-center">
		<button id="download_candidate-transcript" class="btn btn-primary pro-green c-white with-icon" @if($get_questions->count() == 0) disabled="disabled" @endif><span class="btn-icon hmepro-icon-excel"></span> Download Excel</button>
		<br> 
		<button id="pdf_report" class="btn btn-primary pro-green c-white" @if($get_questions->count() == 0) disabled="disabled" @endif><i class="fa fa-file-pdf-o" style="font-size:18px"></i>&nbsp;PDF Report</button>
		 <br> 
		{{--  @version 21.0 @author Dilip <V2E17314> @abstract Masked & Unmasked --}}
		<div class="" style="height: 20px;font-size: 15px;"> 
		<input type="checkbox" value="1" name="is_masked" class="assessment_id_checkbox" id="masked_checkbox">
		<label for="masked_checkbox" class="m-l-20"> Masked </label>
		</div>
		</div>
		<div class="">
		@if($subjective_question_count > 0)
		<a href="{{route('downloadZip',['testpin'=>$test_pin])}}" target="_blank" id="download_attachments" ><button class="btn btn-primary pro-green c-white with-icon" style="padding-left:15px"><i class="fa fa-paperclip"></i>Download Attachments</button></a>
		@endif
		
		</div>
		</div>
		<div style="display:none">
		{!! Form::open(["id" => "download_candidate-transcript_form"]) !!}

		{!! Form::hidden("assign_id", $assign_id) !!}
		{!! Form::hidden("test_pin", $test_pin) !!}
		{!! Form::hidden("candidate_id", $candidate_id) !!}
		{!! Form::hidden("assessment_id", $assessment_id) !!}
		{!! Form::hidden("transcript_excel_download", 1) !!}
		{!! Form::hidden("is_masked", 0,['id'=>'is_masked_input']) !!}
		{{--  @version 21.0 @author Dilip <V2E17314> @abstract Masked & Unmasked --}}

		{!! Form::close() !!}
		</div>
		</div>
		</div>



		<div id="pro-preview-page"></div>
		<div class="card borderless-card m-b-0">
		<div class="card-block p-0">

		<div class="row">
		<div class="col-xs-12 col-md-12 pro-scroll-tab">
		<ul class="nav nav-tabs pro-result-page-tab pl-0 pr-0">
		<a href="javascript:;" class="scroll-left"><span class="hmepro-icon-left" style="line-height: 2;"></span></a>
		<a href="javascript:;" class="scroll-right"><span class="hmepro-icon-right" style="line-height: 2;"></span></a>
		<li class="nav-item">
		<a class="nav-link f-16 active"  data-toggle="tab"  href="javascript:void(0)" role="tab">
		<span style="margin-left: 35px;">Candidate Attempt Report</span>
		</a>
		</li>
		</ul>
	</div>
</div>
		<!-- @author Naveenkumar S <V2E17315> @version 23.0-->
		@php
		$assessment_details=\App\Http\Controllers\Pro\TestResultController::getAssessmentDetails($assessment_id);
		$ques_type= array(); 
		 @endphp
		 <div class="pdf-card">
		<div class="assessmenrsum-report">
		  <table style="width: 100%;">
    		<tr style="padding-bottom: 10px;">
				@if($is_masked == 0)
					<td class="col-4-report pad-3">
						<div class="f-14-report">Name:<span class="assess-report-value">{{$get_candidate_list->pro_candidate->first_name.' '.$get_candidate_list->pro_candidate->last_name}}</span></div>
					</td>
				@endif
				<td class="col-4-report pad-3">
					<div class="f-14-report">Assessment Name:<span class="assess-report-value">{{$ass_detail->name}}</span></div>
				</td>
				<td class="col-4-report pad-3">
                	<div class="f-14-report">Assessment Date:<span class="assess-report-value">{{\Carbon\carbon::parse($get_attempt_date->end_date)->format('d-m-Y')}}</span></div>
                </td>
			</tr>
            <tr style="padding-bottom: 10px;">
                <td class="col-4-report pad-3">
					<div class="f-14-report">Overall Score:<span class="assess-report-value">{{ $overall_score ? $overall_score : 0}}</span></div>
				</td>
            	<td class="col-4-report pad-3">
            		<div class="f-14-report">Total time:<span class="assess-report-value">{{ $hours . " Hours : " . $minutes . " Minutes : " . $seconds . " Seconds"}}</span></div>
				</td>
           </tr>
		</table>
	</div>
		@if(isset($excelData_sheet_remove_empty) && count($excelData_sheet_remove_empty) > 0)
			@foreach($excelData_sheet_remove_empty as $index=>$questions)
			@php $option_i = 1; $loadi = 0; @endphp
        <div class="assessmenrsum-report mt-3-report page">
				<div class="assessmentinside-report">
					<div style="display: flex; margin-bottom: 2px;">
						<!-- <div class="col-4-report">
							<span class="btnreportscreen">Maximum Marks:<span>{{$questions['Maximum Marks']}}</span></span>
						</div> -->
						<div class="col-6-report textstart-report">
							<span class="btnreportscreen">Question Type: <span>{{$questions['Question Type']}}</span></span>
						</div>
						<div class="col-6-report textend-report">
							<span class="btnreportscreen">Dificulty Level: <span>{{$questions['Difficulty Level']}}</span></span>
						</div>
					</div>
					<table style="width: 100%;margin-top: 5px;">
					<tr>
						<td class="col-12-report textstart-report question-image">
						<div style="white-space: normal;"> {!! $questions['Questions'] !!} </div>
						</td>
					</tr>
					</table>
				</div> 
			<table style="width: 100%;padding: 10px 20px 0px 20px !important;" class="pad-3 borderbottom-reprt">
			@while(isset($questions['Options '.$option_i]) && !empty($questions['Options '.$option_i]))
		        @if($loadi % 2 == 0)
		          	<tr style="padding-bottom: 0px!important;">
		        @endif
				<td class="col-6-report option-num">
					<div style="display: flex;gap: 0px;">
						<div class="option-back">{{$option_i}}. </div>
						<div class="assess-report-value pl-0-report option-txt">
						@php
			                $setValue  = strip_tags($questions['Options '.$option_i]);
			                $extension = pathinfo(parse_url($setValue, PHP_URL_PATH), PATHINFO_EXTENSION);
			                
			                if($extension == 'mp3'){
			                    $OptionName = 'Audio File';
			                }
			                elseif($extension == 'mp4'){
			                    $OptionName = 'Video File';
			                }
			                else{
			                    $OptionName = $questions['Options '.$option_i];
			                }
			            @endphp
			            @if(\Illuminate\Support\Str::startsWith($OptionName,'<p>'))
			            	{!! $OptionName !!}
			            @else
		              		<p>{!! $OptionName !!}</p>
		              	@endif
						</div>
					</div>
				</td>
				@php $option_i = $option_i+1; $loadi = $loadi+1; @endphp
				@if($loadi % 2 == 0)
		          	</tr>
		        @endif
		    @endwhile
			</table> 

			<div class="col-12-report d-flex">
				@if($questions['Question Type']=='Essay' || $questions['Question Type']=='Subjective')
					<div class="col-12-report pad-3 textstart-report">
					<div class="f-14-report">
						Candidate Answer
						@if(!empty($questions['Candidate Answer']))
							@if(is_array($questions['Candidate Answer']))
								@foreach($questions['Candidate Answer'] as $correctAns)
								@php
								$candidateAns = \HireMeeHelper::getCandidateAnswerContent(trim($correctAns));
								@endphp
									<span class="btncandidateanswer_essay" style="width: 100%;">{!! $candidateAns !!}</span>
								@endforeach
							@else
							@php

								$candidateAns = \HireMeeHelper::getCandidateAnswerContent(trim($questions['Candidate Answer']));
								
								@endphp
								<span class="btncandidateanswer_essay" style="width: 100%;">{!! trim($questions['Candidate Answer'])=='' ? 'No text typed' : $candidateAns  !!}</span>
							@endif
						@else
							<span class="btncandidateanswer_essay" style="width: 100%;">Not Answered</span>
						@endif
					</div>
					</div>
				@else
					<div class="col-6-report pad-3 textstart-report">
						<div class="f-14-report">
							Candidate Answer
							@if(!empty($questions['Candidate_Answer_Options']))
								@php
									if($questions['Question Type']=='MCQ')
									{
										$class = (isset($questions['Is_Correct_Answer']) &&  $questions['Is_Correct_Answer'] == true) ? "btncandidateanswer" : "btnwronganswer";
									}
									elseif($questions['Question Type']=='MCQ-weightages')
									{
										$class = "btncandidateanswer_essay";
									}
									else{
										$class = "btncandidateanswer";
									}
								@endphp
								@if(is_array($questions['Candidate_Answer_Options']))
									@foreach($questions['Candidate_Answer_Options'] as $correctAns)
										<span class="{{ $class }}">{!! $correctAns !!}</span>
									@endforeach
								@else
									<span class="{{ $class }}">{!! trim($questions['Candidate_Answer_Options'])=='' ? 'No option choosen' : $questions['Candidate_Answer_Options']  !!}</span>
								@endif
							@else
								<span class="btncandidateanswer">Not Answered</span>
							@endif
						</div>
					</div>
					<div class="col-6-report pad-3 textend-report">
					@if(!empty($questions['Correct Answers']) && $questions['Question Type']!='MCQ-weightages')
						<div class="f-14-report">
							Correct Answer
							@if(is_array($questions['Correct Answers']))
								@foreach($questions['Correct Answers'] as $correctAns)
									<span class="btncorrectanswer">{!!$correctAns!!}</span>
								@endforeach
							@else
								<span class="btncorrectanswer">{!! $questions['Correct Answers'] !!}</span>
							@endif
						</div>
					@endif
					</div>
					
				@endif
			</div>

			<div class="col-12-report pad-3 text-center-report">
				<span class="btnobtained">Maximum Score: <span>{{$questions['Maximum Marks']}}</span></span>
				<span class="btnobtained">Obtained Score: <span>{{$questions['Obtained Score']}}</span></span>
				<span class="btnobtained">Time Spent: <span>{{$questions['Time Spent by Candidate']}}</span>
			</div>
	    </div>
	@endforeach
	@endif

	</div>
		</div>
	


		<!--Transcript report preview -->
			<div class="modal p-r-0" id="modal-preview" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog">
		    <div class="modal-dialog modal-lg" role="document" style="max-width: 1254px;">
		        <button type="button" class="btn btn-primary btn-icon-custom waves-effect login-close-btn" data-dismiss="modal" aria-label="Close"><span class="hiremee-multiply f-18"></span></button>
		            <div class="modal-content">
		                <div class="modal-body" id="modal-content">
		                </div>
		            </div>
		        </div>
		    </div>
		    
		</div>
		</div>
		@endsection	
		@section('footer')
		<script type="text/javascript">
		var transcriptUrl = "{{ secure_url('pro/get-candidate-transcript/') }}";
		var form_data = $("#download_candidate-transcript_form").serializeArray();
		var pdfData = $("#download_candidate-transcript_form").serialize();
		var pdfUrl = transcriptUrl+'?'+pdfData+'&download_type=pdf'
		

		$("#download_candidate-transcript").click(function(e) {
		$('.hme-loading-mask').fadeIn();
		
		var form_data = $("#download_candidate-transcript_form").serializeArray();
		form_data.push({ name: "download_type", value: "excel" });
		$.ajax({
		type: "GET",
		url: transcriptUrl,
		dataType:'json',
		data: form_data,
		success: function(res) {
		var a = document.createElement("a");
		a.href = res.file; 
		a.download = res.name;
		document.body.appendChild(a);
		a.click();
		a.remove();
		$('.hme-loading-mask').fadeOut();  

		swal({
		html: true, 
		title: '<span class="sweet-danger-text">Excel Download</span>', 
		text: "Test Report Download Successfully",
		type: "success",
		showCancelButton: false,
		confirmButtonText: "OK",
		closeOnConfirm: false,
		confirmButtonColor: '#f0443a',
		});

		},
		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',
		});
		}
		});
		})
		$('#download_attachments').click(function(e){
		e.preventDefault();
		url =  $(this).attr('href');
		window.open( url,'_blank');
		})

		/***  @version 21.0 @author Dilip <V2E17314> @abstract Masked & Unmasked ***/
		$("#masked_checkbox").on("click",function(){
		if($("#masked_checkbox").is(':checked')){
		$("#is_masked_input").val(1);
		}else{
		$("#is_masked_input").val(0);
		}
		});
		/*Option score shows while mcq weightages*/

		var ques_type_check = {!! json_encode($ques_type) !!};
		var ques_type_unique =  $.unique(ques_type_check);

		if(ques_type_unique.length < 2){
		if($.inArray(11, ques_type_unique) >= 0){
		$('.option_score').removeClass('d-none');
		$('.correct_answer').addClass('d-none');
		$('.correct_ans').addClass('d-none');
		$('.option_scrs').removeClass('d-none');
		}else{
		$('.correct_answer').removeClass('d-none');
		}
		}else{
		$('.correct_answer').removeClass('d-none');
		if($.inArray(11, ques_type_unique) >= 0){
		$('.option_score').removeClass('d-none');
		$('.option_scrs').removeClass('d-none');
		}	
		}
		/*console.log(ques_type_unique);
		console.log($.inArray( 11, ques_type_unique));*/
		$("#pdf_report").click(function(e) {
			$('.hme-loading-mask').fadeIn();
		var form_data = $("#download_candidate-transcript_form").serializeArray();
		var pdfData = $("#download_candidate-transcript_form").serialize();
		var pdfUrl = transcriptUrl+'?'+pdfData+'&download_type=pdf'
		window.location.href= pdfUrl;
		$('.hme-loading-mask').fadeOut();
	
			
		})
		</script>
		@endsection