@extends('layouts.main')
@section('title',trans('core.title_test_result'))
@section('content')
<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">
								<a href="{{secure_url('college/dashboard') }}">	<span class="hiremee-home"></span> </a>
							</li>
							<li class="breadcrumb-item"><a href="{{ secure_url('gold/college/proassess/result-search') }}">Subjectwise Score Update</a> </li>
						</ul>
					</div>
					@endif
				</div>
				<div id="pro-preview-page1"></div>
				<div class="page-body">
					<table class="table table-striped pro-list-table">
						<thead class="bgn-gradient-blue">
							<tr>
								<th scope="col">Candidate Name</th>
								<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> {{-- @version 20.0 - College Requirements --}}
								<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(5) }}";
	var testpin = "{{ Request::segment(6) }}";
	$(this).hide();
	$.ajax({
        url: "{{ url( 'gold/college/proassess/view-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('gold/college/proassess/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','.sub_doc_download',function(){
    $('#js-load-data').html("");
    $('#js-subjective-doc-load-iframe').addClass('md-show');
    $('.hme-loading-mask').fadeIn();
    $('#js-load-data').attr('src',$(this).attr("data-url"));
    $('.hme-loading-mask').fadeOut();
});

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

$(document).on('click','.sub_doc_download_show',function(){
	$('.hme-loading-mask').fadeIn();
    $.ajax({
        url:"{{ secure_url('gold/college/proassess/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);
	    }
	});
});
</script>
@endsection