@extends('layouts.main')
@section('title',trans('core.title_test_result'))
@section('content')
<style>
	.test-modal .md-modal, .md-modals {
   
    width: 100% !important;
    max-width: 100% !important;
    min-width: 1300px;
 
}
@media (min-width: 320px) and (max-width: 1300px) { 
.test-modal .md-modal, .md-modals {
 
    min-width: 100%;
 
} }
</style>
<div class="pcoded-content">
	<div class="pcoded-inner-content p-0">
		<div class="main-body srl-auto">
			<div class="page-wrapper p-0">
				<div class="page-header p-15 m-b-0 pro-page-heading1">
					<div class="page-header-title">
						<h4>Subjectwise Score Update</h4>
					</div>
					@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') }}">Subjectwise Score Update</a>
								</li>
						</ul>
					</div>
					@endif
				</div>
				<div id="pro-preview-page1"></div>
				<div class="page-body">
				<!-- @version 23.0 @author Naveenkumar Sekar <V2E17315> -->
				@php
					$assessment_details=\App\Http\Controllers\Pro\TestResultController::getAssessmentDetails($assessment_id);
				@endphp
					
					<table class="table table-striped pro-list-table">
						<thead class="bgn-gradient-blue">
							<tr>
								<!-- @version 23.0 @author Naveenkumar Sekar <V2E17315> -->
								@if($assessment_details->mask_candidate_check!=1)
									<th scope="col">Candidate Name</th>
								@endif
								<th scope="col">Assessment Name</th>
								<th scope="col">Question</th>
								<th scope="col">Max.Marks</th>
								<th scope="col">Obtained Marks</th>
								<th scope="col">Evaluation</th>
								<th scope="col">Action</th>
							</tr>
						</thead>
						<tbody id="table_body" class="js-subjective-question-component">
							{!! $component !!} 
						</tbody>
					</table>
					@if($subjective_questions->hasMorePages())
					<div class="col-md-12">
			            <div class="text-center m-40">
			              <input type="hidden" id="load-more" data-value="true">
			                <a href="javascript:;" class="btn btn-outline-info" id="js-subjective-question-loadmore" data-page='2'>Load more...</a>
			            </div>
			        </div>
			        @endif
					<div class="d-flex flex-row justify-content-center">
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="md-modal m-w-980 md-effect-1" id="subjectwise-question">
	
</div>
<div class="md-overlay"></div>

@endsection
@section('footer')
<script type="text/javascript">
	$(document).on('click','#js-subjective-question-loadmore',function(){
		var assign_id = "{{ Request::segment(4) }}";
		var testpin = "{{ Request::segment(5) }}";
		$(this).hide();
		$.ajax({
            url: "{{ url( 'pro/test-results/update-score-subjective')}}",
            type:'get',
            data:{'assign_id':assign_id,'test_pin':testpin,'page':$('#js-subjective-question-loadmore').attr('data-page')},
            success:function(response){
            	$('.js-subjective-question-component').append(response.component);
            	$('#js-subjective-question-loadmore').show();
            	$('.js-pro-subjective-tooltip').tooltip();
            	if (response.hasmore == false) {
            		$('#js-subjective-question-loadmore').addClass('d-none')
            	}
            	$('#js-subjective-question-loadmore').attr('data-page',parseInt($('#js-subjective-question-loadmore').attr('data-page'))+1);
            }
        });
	})

	$(document).on('click','.js-pro-subjectwise-invidual-question-view',function(){
		var qid = $(this).data('qid');
		var ass_id = $(this).data('ass_id');
		var testpin = $(this).data('testpin');
		var assessment_id = $(this).attr("data-assessment_id");
		let testInventory = $(this).attr("data-testinventory");
		$('.hme-loading-mask').fadeIn();
		$.ajax({
            url: "{{ secure_url('pro/view-subjectwise-question-detail')}}",
            type:'get',
            data:{'qid' : qid,'ass_id':ass_id,'testpin':testpin,'assessment_id':assessment_id,'testinventory':testInventory},
            success:function(response){
            	if (response.status == 200) {
            		$('#subjectwise-question').html(response.component);
            		$('#subjectwise-question').addClass('md-show');
            		$('.js-pro-subjective-tooltip').tooltip();
            	    $('.hme-loading-mask').fadeOut();      
            	}
            }
        });
	});
	$(document).on('click','.js-pro-invidual-question-close-btn',function(){
		$('#subjectwise-question').removeClass('md-show');
	})
	$(document).on('click','.js-pro-invidual-question-score-update',function(){
		var qid = $(this).data('qid');
		var ass_id = $(this).data('ass_id');
		var testpin = $(this).data('testpin');
		var answer = $(this).data('answer');
		var assessment_id = $(this).attr("data-assessment_id");
		var score = $('#js-pro-subjective_score_'+testpin+'_'+ass_id).val();
		let testInventory = $(this).attr("data-testinventory");
		// var is_update = $(this).data('status');
		/* subjective pdf upload changes */
var question_wise_score = $('#question_wise_score').val();
		if(question_wise_score == 1){
			var candidate_id = '{{$candidate_id}}';
			var scoreids = []; var securedscores = []; var matrixids = [];
			var isSubjectiveCanidateScore = $('#isSubjectiveCanidateScore').val();
			scoreids = $('input[name="score_ids[]"]').map(function () { return this.value; }).get();
			securedscores = $('input[name="secured_marks[]"]').map(function () { return this.value; }).get();
			matrixids = $('input[name="matrix_ids[]"]').map(function () { return this.value; }).get();
			var ajaxData = {'score' : score,'ass_id':ass_id,'testpin':testpin,'qid':qid,'assessment_id':assessment_id,'testinventory':testInventory,'scoreids':scoreids,'securedscores':securedscores,'matrixids':matrixids,'candidate_id':candidate_id,'isSubjectiveCanidateScore':isSubjectiveCanidateScore,'question_wise_score':question_wise_score};
		}else{
			var ajaxData = {'score' : score,'ass_id':ass_id,'testpin':testpin,'qid':qid,'assessment_id':assessment_id,'testinventory':testInventory,'question_wise_score':question_wise_score};
		}
		// if (is_update) {
			if ((score !== null && score !== "")) {
				
				if (($('#js-pro-subjectwise-score_'+testpin+'_'+qid).val() !== null && $('#js-pro-subjectwise-score_'+testpin+'_'+qid).val() !== "") || score >= 0) {
					$('.js-pro-invidual-question-score-update').prop('disabled',true);
					$.ajax({
		            url: "{{ secure_url('pro/subjectwise-question-score-update')}}",
		            type:'post',
		            data:ajaxData,
		            success:function(response){
		            	if (response.status == 200) {
		            		$('#subjectwise-question').html(response.component);
		            		$('#subjectwise-question').removeClass('md-show');
		            		//$(document).find('#js-pro-subjectwise-score_'+testpin+'_'+qid).text(score+'.00');
		            		$(document).find('#js-pro-subjectwise-score_'+testpin+'_'+qid).html(parseFloat(score).toFixed(2));
		            		$(document).find('#js-pro-subjectwise-evaluation_'+testpin+'_'+qid).text('Completed');
		            		$(document).find('#js-pro-subjectwise-score_edit_'+testpin+'_'+qid).attr('href','javascript:;');
		            		// $(document).find('#js-pro-subjectwise-score_edit_'+testpin+'_'+qid).removeClass('js-pro-subjectwise-invidual-question-view');
		            		$(document).find('#js-pro-subjectwise-score_edit_'+testpin+'_'+qid).attr('data-original-title','Score updated');
		            		$(document).find('#js-pro-subjectwise-score_edit_'+testpin+'_'+qid).removeAttr('id');
		            		swal({
					            html: true,	
					            title: '', 			            
					            text: 'Score Updated',
					            type: "success",
					            showCancelButton: false,
					            confirmButtonText: "OK",
					            closeOnConfirm: false,
					             confirmButtonColor: '#28e1bd',
					          });

		            	} else {
		            		swal({
					            html: true,
					            title: '', 
					            text: response.message,
					            type: "warning",
					            showCancelButton: false,
					            confirmButtonText: "OK",
					            closeOnConfirm: false,
					             confirmButtonColor: '#ffbc01',
					          });
		            	}
		            	$('.js-pro-invidual-question-score-update').prop('disabled',false);
		            }
		        });
					
				} else {
				swal({
			            html: true, 
			            title: '<span class="sweet-warning-text">Cannot update score</span>', 
			            text: 'No answer provided',
			            type: "warning",
			            showCancelButton: false,
			            confirmButtonText: "OK",
			            closeOnConfirm: false,
			             confirmButtonColor: '#ffbc01',
			          });
			}
			} else {
				swal({
	            html: true, 
	            title: '<span class="sweet-warning-text">Score required</span>', 
	            text: 'Please provide score',
	            type: "warning",
	            showCancelButton: false,
	            confirmButtonText: "OK",
	            closeOnConfirm: false,
	             confirmButtonColor: '#ffbc01',
	          });
			}
		// } else {
		// 	$('#subjectwise-question').removeClass('md-show');
		// }
		
	});

	$(document).on('keypress','.js-pro-individual-subjective_score',function(evt){
	    /*if (evt.which < 48 || evt.which > 57)
	        evt.preventDefault();
	    } else {*/
	    	var charCode = (evt.which) ? evt.which : evt.keyCode;
      if (charCode != 46 && charCode > 31 
        && (charCode < 48 || charCode > 57)){
         return false;
 		}else{
	        var value = $(this).val();
	        var limit = parseInt($(this).attr('data-max'));
	        if (value == '' || value == null) {
	            value = 0;
	        }
	        var input = parseInt(value+evt.key);
	        if (input > limit) {
	            evt.preventDefault();
	        }
	    }
	});

	$(document).on('click','.sub_doc_download',function(){
        $('#js-load-doc-data').html("");
        $('#js-subjective-doc-load-iframe').addClass('md-show');
        $('.hme-loading-mask').fadeIn();
        $('#js-load-doc-data').attr('src',$(this).attr("data-url"));
	    $('.hme-loading-mask').fadeOut();
        });

	$(document).on('click','.sub_img_download',function(){
        $('#js-load-img-data').html("");
        $('#js-subjective-img-load-iframe').addClass('md-show');
        $('.hme-loading-mask').fadeIn();
        $('#js-load-img-data').attr('src',$(this).attr("data-url"));
	    $('.hme-loading-mask').fadeOut();
        });


     $(document).on('click','#clear_frame_modal',function(){
         $('#js-load-doc-data').html("");
          $('#js-load-img-data').html("");
         $('#js-subjective-img-load-iframe').removeClass('md-show');
         $('#js-subjective-doc-load-iframe').removeClass('md-show');
   });

    $(document).on('click','.sub_doc_download_show',function(){
	  $('.hme-loading-mask').fadeIn();
      $.ajax({
        url:"{{ secure_url('pro/download-uploaded-document')}}",
        type:"get",
        data: {'data_url': $(this).attr("data-url"),"data_s3_id":$(this).attr("data-s3_id")}, 
        success: function (response, textStatus, request) {
        var a = document.createElement("a");
        a.href = "data:image/png;base64,"+response.file; 
        a.download = response.name;
        document.body.appendChild(a);
        a.click();
        a.remove();  
        $('.hme-loading-mask').fadeOut();      
      },
      error: function (ajaxContext) {
        toastr.error('Export error: '+ajaxContext.responseText);
      }

});
});

    
//Image pdf convertion
  $(document).on('click','.image_pdf_download',function(){
  	$('.hme-loading-mask').fadeIn();
     var post_image_data; 
     var download_type; 
  	 var single_image_data  =  $(this).data('url');
     var bulk_image_data = $("input[name='bulk_image[]']").map(function(){return $(this).val();}).get();

     if(single_image_data){
     	post_image_data = single_image_data;
     	download_type = 1;

     }else{
     	post_image_data = bulk_image_data;
     	download_type = 2;
     }
    
    $.ajax({
            url: "{{ secure_url('pro/subjectwise-bulkimage-pdf')}}",
            type:'get',
            data:{'post_image_data' : post_image_data,'download_type':download_type},
            success:function(response){
              var a = document.createElement("a");
              a.href = response.file; 
              a.download = response.name;
              document.body.appendChild(a);
              a.click();
              a.remove();
              $('.hme-loading-mask').fadeOut();               

            },
             error: function (ajaxContext) {
             toastr.error('Export error: '+ajaxContext.responseText);
            }
        });
  });


</script>
@endsection