@extends('layouts.main')
@section('title','Assignment Result Search')
@section('content')
<link rel="stylesheet" type="text/css" href="{{ secure_asset('assets/css/hiremee-pro-style.css') }} " />
<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="d-flex justify-content-between">
            <div class="page-header-title">
              <h4>Assignment Results</h4>
            </div>
            <div class="page-header-breadcrumb">
                <ul class="breadcrumb-title">
                  <li class="breadcrumb-item"> <a href="javascript:void(0)"><span class="hiremee-home"></span></a> </li>
                  <li class="breadcrumb-item"> <a href="{{ secure_url('gold/college/content-dashboard') }}">Dashboard</a> </li>
                  <li class="breadcrumb-item "><a href="{{ secure_url('gold/college/assignment-search-form') }}">Assignment Result</a> </li>
                </ul>
            </div>
          </div>
        </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"> {{ $assignment ? $assignment->assignment_title : '' }} Assignment 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 class="col col-md-6 d-flex align-items-center justify-content-end">
                <button id="download_test_report_filter" 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>
          <div class="d-none" id="report_filter_form">
            <div class="row">
              <div class="col col-md-6 d-flex c-white align-items-center"></div>
              <div class="col col-md-6 d-flex align-items-center justify-content-end">
              @php
                $filter_range = HireMeeHelper::countBasedLimiter($total_results_count->count(),getenv('EXCEL_DOWNLOAD_ROWS'));
              @endphp
                <div class="col col-md-3">
                    <label class="m-t-5 m-b-0">Select Result Range</label>
                    {!! Form::select('rprt_filter_range',$filter_range,'',['class'=>'form-control','id'=>'rprt_filter_range']) !!}
                </div>
                <div class="col col-md-3 m-t-20">
                    <button id="download_test_report" class="btn btn-primary pro-green c-white with-icon"><span class="btn-icon hmepro-icon-excel"></span> Download</button>
                </div>
              </div>
            </div>  
          </div>

          <table class="table table-striped pro-list-table tbl-truncate-break">
            <thead class="bgn-gradient-blue">
              <tr>
                <th scope="col">Candidate Name</th>
                <th scope="col">Candidate Email Address</th>
                <th scope="col">Percentage</th>
                <th scope="col">Evaluate</th>
                <th scope="col">Send grades to students</th>
                <th scope="col">Report Link</th>
              </tr>
            </thead>
            <tbody id="table_body">
              @if($resultReport->count() == 0)
                <tr>
                  <td colspan="6" style="text-align: center;">
                    <i class="hiremee-search f-100 text-93"></i>
                    <h2 class="text-93">No Records Found</h2>
                  </td>
                </tr>
              @endif
              
              @foreach($resultReport as $result)
              @php
                $today_time = Carbon\Carbon::now();
                $today_time = strtotime($today_time->toDateTimeString());
                $end_date = strtotime($result->end_date);
               @endphp
                <tr>
                  <td>{{ $result->candidate_name }}</td>
                  <td>{{ $result->candidate_email }}</td>
                  <td>{{ round($result->total_percentage,1) }}%</td>  
                  <td>
                    @if($today_time > $end_date)
                     <!-- <a href="{{ secure_url('gold/college/update-score-assignment/'.$result->assignment_id.'/'.$result->candidate_id) }}" class="text-info f-14 b-b-blue js-pro-test-result-loadmore-tooltip js-pro-invidual-assessment-view"> Evaluate </a> -->
			               <a href="javascript:;" data-toggle="tooltip" data-placement="top" title="" data-original-title="Evaluate" class="m-r-10 hmepro-icon-edit text-inverse f-20 js-pro-subjective-tooltip js-pro-invidual-assessment-view" data-ass_id="{{$result->assignment_id}}" data-candidate_id="{{$result->candidate_id}}" data-animation="false" id="js-pro-subjectwise-score_edit_{{$result->assignment_id}}_{{$result->candidate_id}}" data-track_mapping="{{ $result->track_mapping_id }}"></a>
                    @else
                      Waiting for candidate completion
                    @endif

                  </td>
	          <td id="js-assignment-evaluation_{{$result->assignment_id}}_{{$result->candidate_id}}"> {!! $result->is_published==1 ? '<span style="color:green;">Yes</span>' : '<span style="color:red;">No</span>' !!}</td>
                  <td>
                    @if($result->score)
                    <a href="javascript:;" class="js-gold-assignment-pdf-button" data-assignment="{{ $result->assignment_id }}" data-candidate="{{ $result->candidate_id }}" data-trackmapid="{{ $result->track_mapping_id }}" class="text-info f-14 b-b-blue">View Report</a>
                    @else
                      Waiting for Evaluate
                    @endif
                  </td> 
                </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" @if($resultReport->count() < 100) disabled="disabled" @endif>Load More</button>
          </div>
          <div style="display:none">
            {!! Form::open(["action" => "Gold\College\AssignmentController@assignmentSearchResults", "id" => "load_more_form"]) !!}
              {!! Form::hidden("assignment", $input['assignment']) !!}
              {!! Form::hidden("order_by_field", isset($input['order_by_field']) ? $input['order_by_field'] : '') !!}
              {!! Form::hidden("order_by_type", isset($input['order_by_type']) ? $input['order_by_type'] : '') !!}
              {!! Form::hidden("skip_count", "100", ["id" => "skip_count"]) !!}
            {!! Form::close() !!}
          </div>

        </div>

      </div>
    </div>
  </div> 
</div>
<div class="md-modal m-w-980 md-effect-1" id="assignments">
	
</div>
<div class="md-overlay"></div> 
<div id="pro-preview-page"></div>
@endsection
@section('footer')
<script type="text/javascript">
$("#load_more_report").click(function(e) {
    $("#load_more_report").html("Processing....");
    var url = "{{ secure_url('gold/college/assignment-search-results') }}";
    var form_data = $("#load_more_form").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").html("Load More").attr("disabled", "disabled");
              return false;
            }
            $("#table_body").append(resultData);
            var skip_count = $("#skip_count").val();
            skip_count = parseInt(skip_count) + parseInt(100);
            $("#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").html("Load More");
});

$("#download_test_report").click(function(e) {
  var url = "{{ secure_url('gold/college/assignment-excel-report') }}";
  var form_data = $("#load_more_form").find('input[name!=skip_count]').serialize();
  var range = $("#rprt_filter_range").val();
  $('.hme-loading-mask').fadeIn();
  $.ajax({
    type: "POST",
    url: url,
    data: form_data+'&skip_count='+range,
    responseType: 'json',
    success: function(result) {
      if(result.file!='' && result.file!=undefined)
      {
          var a = document.createElement("a");
          a.href = result.file;
          a.download = result.name;
          document.body.appendChild(a);
          a.click();
          a.remove();

          swal({
            html: true,
            title: '<span class="sweet-danger-text">Excel Download</span>',
            text: "Assignment Report Download Successfully",
            type: "success",
            showCancelButton: false,
            confirmButtonText: "OK",
            closeOnConfirm: false,
            confirmButtonColor: '#f0443a',
          });
      }else{
        if(result.message!='' && result.message!=undefined){
          err_msg = res.message;
        }else{
          err_msg = "Your action  has been suspended, Sorry for the inconvenience. Please try again later";
        }
        swal({
          html: true,
          title: '<span class="sweet-danger-text">Something Went Wrong</span>',
          text: err_msg,
          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();
    }
  });
});

$(document).on("click","#download_test_report_filter",function(){
  if($("#report_filter_form").hasClass('d-none')){
    $("#report_filter_form").removeClass('d-none');
  }else{
    $("#report_filter_form").addClass('d-none');
  }
});


/* @author Naveenkumar Sekar <V2E17315> @version 24.0 */
$(document).on('click','.js-pro-invidual-assessment-view',function(){
		var assignment_id = $(this).data('ass_id');
		var candidate_id = $(this).data('candidate_id');
		var track_mapping_id = $(this).data('track_mapping');

		$('.hme-loading-mask').fadeIn();
		$.ajax({
            url: "{{ secure_url('gold/college/update-score-assignment')}}",
            type:'get',
            data:{'assignment_id':assignment_id,'candidate_id':candidate_id,'track_mapping_id':track_mapping_id},
            success:function(response){
            	if (response.status == 200) {
            		$('#assignments').html(response.component);
            		$('#assignments').addClass('md-show');
            		$('.js-pro-subjective-tooltip').tooltip();
            	  $('.hme-loading-mask').fadeOut();
            	}
            }
        });
  });
/* @author Naveenkumar Sekar <V2E17315> @version 24.0 */
  $(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();
    });

  /* @author Naveenkumar Sekar <V2E17315> @version 24.0 */
  $(document).on('click','#clear_frame_modal',function(){
         $('#js-load-data').html("");
         $('#js-subjective-doc-load-iframe').removeClass('md-show');
   });

 /* @author Naveenkumar Sekar <V2E17315> @version 24.0 */
  $(document).on('click','.sub_doc_download_show',function(){
    $('.hme-loading-mask').fadeIn();
      $.ajax({
        url:"{{ secure_url('gold/college/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);
      }
    });
});

/* @author Naveenkumar Sekar <V2E17315> @version 24.0 */
$(document).on('click','.js-pro-invidual-question-close-btn',function(){
		$('#assignments').removeClass('md-show');
})

/* @author Naveenkumar Sekar <V2E17315> @version 24.0 */
$(document).on('click','.js-pro-invidual-question-score-update',function(){
		var qid = $(this).data('qid');
		var assignment_id = $(this).data('assignment_id');
		var candidate_id = $(this).data('candidate_id');
		var answer = $(this).data('answer');
		var assessment_id = $(this).attr("data-assessment_id");
    var score = $('#js-obtained_score_'+assignment_id+'_'+candidate_id).val();
		var score_comments = $.trim($('#js-mark_comments_'+assignment_id+'_'+candidate_id).val());

    var is_publish = $("input[name='is_publish']:checked").val();

    var candidate_ass_submitted_id = $(this).data('candidate-ass-submitted_id');
    var track_mapping_id = $(this).data('track_mapping_id');
    
    
		// var is_update = $(this).data('status');

		// if (is_update) {
			if ((score != null && score != "" && score_comments !=null && score_comments != "")) {
				
				if (($('#js-pro-subjectwise-score_'+candidate_id+'_'+qid).val() !== null && $('#js-pro-subjectwise-score_'+candidate_id+'_'+qid).val() !== "") || score >= 0) {
					 $('.js-pro-invidual-question-score-update').prop('disabled',true);
					$.ajax({
		            url: "{{ secure_url('gold/college/assignment-score-update')}}",
		            type:'post',
		            data:{'score' : score,'assignment_id':assignment_id,'candidate_id':candidate_id,'score_comments':score_comments,'candidate_ass_submitted_id':candidate_ass_submitted_id,'track_mapping_id':track_mapping_id},
		            success:function(response){
		            	if (response.status == 200) {
		            		$('#assignments').html(response.component);
		            		$('#assignments').removeClass('md-show');
		            		$(document).find('#js-pro-subjectwise-score_'+assignment_id+'_'+candidate_id).text(score+'.00');
		            		//$(document).find('#js-assignment-evaluation_'+assignment_id+'_'+candidate_id).text('Completed');
		            		$(document).find('#js-pro-subjectwise-score_edit_'+assignment_id+'_'+candidate_id).attr('href','javascript:;');
		            		// $(document).find('#js-pro-subjectwise-score_edit_'+candidate_id+'_'+qid).removeClass('js-pro-subjectwise-invidual-question-view');
		            		$(document).find('#js-pro-subjectwise-score_edit_'+assignment_id+'_'+candidate_id).attr('data-original-title','Score updated');
		            		$(document).find('#js-pro-subjectwise-score_edit_'+assignment_id+'_'+candidate_id).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 if(score_comments ==null || score_comments == "") {
          swal({
	            html: true, 
	            title: '<span class="sweet-warning-text">Score Comments Required</span>', 
	            text: 'Please provide score comments',
	            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');
		// }
		
	});

  /* @author Naveenkumar Sekar <V2E17315> @version 24.0 */
	$(document).on('keypress','.js-pro-individual-subjective_score',function(evt){
	    if (evt.which < 48 || evt.which > 57)
	    {
	        evt.preventDefault();
	    } 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','.js-gold-assignment-pdf-button',function(){
  $('.hme-loading-mask').fadeIn();
  var assignment = $(this).data('assignment');
  var candidate  = $(this).data('candidate');
  var trackmapid = $(this).data('trackmapid');
  $.ajax({
    url:baseUrl + 'gold/college/assignment-result-report',
    type:'get',
    data:{assignment:assignment,candidate_id:candidate,trackmapid:trackmapid},
    success:function(response){
        $('.hme-loading-mask').fadeOut();
        $('#pro-preview-page').html(response.component);
        $('#pro-preview-large-Modal').modal('show');
        $("#pre-js-pro-test-candidate_id").val(candidate);
        $("#pre-js-pro-test-assignment").val(assignment);
        $("#pre-js-pro-test-trackmapid").val(trackmapid);
    },
    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");
    }
  })
});
</script>
@endsection