@extends('layouts.main')
@section('title',"Test Absent")
@section('content')
<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>Manage Candidate</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/test-expired') }}">Manage Candidate</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">
									Candidate Test Absent
								</div>
								<div class="col col-md-6 d-flex align-items-center justify-content-end">
									<button class="btn btn-success c-white candidate-bulk_absent">Move Absent</button>
									 <button id="js-pro-testexpire-report" class="btn btn-primary pro-green c-white with-icon" @if($candidate_lists->count() == 0) disabled="disabled" @endif><span class="btn-icon hmepro-icon-excel"></span> Download Excel</button>
								</div>
							</div>

						    <!-- @author Naveenkumar S @version 20.1 -->

							<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($candidate_lists->total(),getenv('EXCEL_DOWNLOAD_ROWS'));
										@endphp
										<div class="col col-md-4">
											<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_excel_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>


              <!-- Start -->
			  {!! Form::open(["url" => "pro/test-absent", "method" => "GET", "id" => "invite_form", "name" => "invite_form"]) !!}
              <div class="row" style="margin-top: 19px;">

			  			<div class="col-md-3 text-left  f-w-400"><p class="l-h-0">Test Name:</p>
                          <div class="input-group">
						  {!! Form::select('assessment_id', $assessmentdrops, $assessment_id ? $assessment_id : '', ['class' => 'form-control js-select2', 'id'=>'assessment', 'placeholder' => 'Select Assessment']) !!}
                            <span class="input-group-addon">
                              <i class="icofont icofont-calendar"></i>
                            </span>
                          </div>
                        </div>

                        <div class="col-md-2 text-left  f-w-400"><p class="l-h-0">Start Date:</p>
                          <div class="input-group">
                            {!! Form::text('start_date',$start_date ? $start_date : '',['class'=>'form-control','placeholder'=>'e.g. 2020-10-22', 'id' => 'start_date']) !!}
                            <span class="input-group-addon">
                              <i class="icofont icofont-calendar"></i>
                            </span>
                          </div>
                        </div>

                        <div class="col-md-2 text-left f-w-400"><p class="l-h-0">End Date:</p>
                          <div class="input-group">
                            {!! Form::text('end_date',$end_date ? $end_date : '',['class'=>'form-control','placeholder'=>'e.g. 2020-10-22', 'id' => 'end_date']) !!}
                            <span class="input-group-addon" id="">
                              <i class="icofont icofont-calendar"></i>
                            </span>
                          </div>
                        </div>

						 <!-- @author Naveenkumar Seker @version 24.0 -->
						 <div class="col-md-3 text-left f-w-400"><p class="l-h-0">Search Terms:</p>
                            <div class="input-group">
                              {!! Form::text('search_terms',$search_terms ? $search_terms : '',['class'=>'form-control','placeholder'=>'Testpin/name/email/contact', 'id' => 'testpin']) !!}
                            </div>
                           </div>

                          <div class="col-md-2" style="margin-top: 16px;">
                            <button class="btn btn-primary" type="submit" id="js-btn-submit">Search</button> 
                            <a href="{{ url('pro/test-absent') }}" class="btn pro-default border-none">Clear</a>
                            <!-- <button class="btn pro-default border-none" type="button" id="btn-clear">Clear</button>							 -->
                          </div>
              </div>
              {!! Form::close() !!}
              <!-- End -->
						</div>
						<table class="table table-striped pro-list-table tbl-truncate-break">
							<thead class="bgn-gradient-blue">
								<tr>
									<th scope="col">
										<div class="p-relative">
											<label class="container-checkbox-pro">
												<input type="checkbox" id="checkAll">
												<span class="checkmark-round"></span>
											</label>
										</div>
										
									</th>
									<th scope="col">Name</th>
									<th scope="col">Email Address</th>
									<th scope="col">Mobile No.</th>
									<th scope="col">Start Date</th>
                                    <th scope="col">End Date</th>
                                    <th scope="col">Test Name</th>
									<th scope="col">Test Pin</th>
									<th scope="col">Status</th>
									<th scope="col">Action</th>
								</tr>
							</thead>
									<tbody id="js_testexpired_listing_container">
								

  @include('corporate.test-absent_render')

  
      
    </tbody>
	</table>
					</div>

					  @if($candidate_lists->hasMorePages())
                            <div class="col-md-12 mb-4">
                              <div class="text-center">
                                  <button class="btn btn-outline-info " style="margin: 15px;"  id="js-testexpiredlisting-load-more" data-page='2'>Load more...</button>
                                  
                              </div>
                            </div>
                            @endif
				</div>
			</div>
		</div>
	</div>
	    

<script>

  $('#js-testexpiredlisting-load-more').on('click',function(){
        $(this).hide();
        data_page=$(this).attr('data-page');
        loadMore(data_page);
        
    });


  function loadMore(data_page){
       $('.hme-loading-mask').fadeIn();
	   //@author Naveenkumar S @version 21.0
	   var assessment = $("#assessment").val();
       var start_date = $("#start_date").val();
       var end_date = $("#end_date").val();
 
        $.ajax({
          url: "{{secure_url('pro/test-absent')}}",
          type: "get",
          data: {'limit': 100,'page':data_page,'request_type':'remote','assessment':assessment,'start_date':start_date,'end_date':end_date},
          success: function(response){

            if (response.status == 200) {
              $('#js_testexpired_listing_container').append(response.component);
              $('.hme-loading-mask').fadeOut();
               
              if(response.hasmore == false) {
                $('#js-testexpiredlisting-load-more').hide();
              } else {
                $('#js-testexpiredlisting-load-more').show();
                $('#js-testexpiredlisting-load-more').attr('data-page',parseInt($('#js-testexpiredlisting-load-more').attr('data-page'))+1);
              }
            }
          },
          error: function(error){
            alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
          }
        });
    }


	$('#download_excel_report').on('click',function() {
  	   $('.hme-loading-mask').fadeIn();
		//@author Naveenkumar S @version 21.0
	   var assessment = $("#assessment").val();
       var start_date = $("#start_date").val();
       var end_date = $("#end_date").val();
	   var range = $("#rprt_filter_range").val();
	   var testpin = $("#testpin").val();
	  $.ajax({
	    url:"{{ secure_url('pro/candidate-download-excel') }}",
	    type:"get",
	    data:{type:'test_absent','assessment':assessment,'start_date':start_date,'end_date':end_date,'skip_count':range,'search_terms':testpin},
	    success:function(response,textstatus,request) {
	      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);
	      }
	  });
	});

	//@author Naveenkumar S
// Start
$(function(){
		    $("#start_date").bootstrapMaterialDatePicker({
		    	time:false,
		    	clearButton: true,
		    	format: 'YYYY-MM-DD'
		    }).on('change', function(e, date) {

		    	$("#end_date").val("");
		    	$("#end_date").bootstrapMaterialDatePicker('setMinDate', date);
		    });
		});

		$(function() {
			$("#end_date").bootstrapMaterialDatePicker({
		    	time:false,
		    	clearButton: true,
		    	format: 'YYYY-MM-DD'
		    }).on('change', function(e, date) {
		    	var start 	= $("#start_date").val();
		    	var end 	= $("#end_date").val();
		    	var startDateArr = start.split("-");
		    	var endDateArr 	 = end.split("-");
		   		var startDate 	 = new Date(startDateArr[0],startDateArr[1],startDateArr[2]);
				var endDate 	 = new Date(endDateArr[0], endDateArr[1], endDateArr[2]);
		    	if(endDate < startDate){
		    		$("#end_date").val("");
		    		console.log('wrong');
		    	}

		    });
		});
    
	$('.assessment_type').change(function(e) {
			e.preventDefault();
			opt = $(this).val();
			$.ajax({
				url:baseUrl+'company/get-cor-asessment-data',
				data:{'type':opt},
				dataType:'json',
				type:'get',
				beforeSend:function(){
					$('.hme-loading-mask').fadeIn();
				},
				success:function(res){
					 $('.hme-loading-mask').fadeOut();
					 $('#assessment option').remove();
					 $('#assessment').html('<option value="">Select Assessment</option>'+res.response);
				},
				 error: function(error){
				 	$('.hme-loading-mask').fadeOut();
				 }
			})
  })

  $('#btn-clear').click(function() {
    $("#assessment").val(null).trigger('change.select2');
    $("#start_date").val("");
    $("#end_date").val("");
  });

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

$('#js-btn-submit').click(function() {
    if($("#assessment").val()=='' && $("#start_date").val()=='' && $("#end_date").val()=='' && $("#testpin").val()==''){
      alertMessage("error","Please Select altleast one filter","Alert");
      return false;
		}else{
      return true;
		}
  });

// End
/* mark absent candidate single move */
 $(document).on('click','.candidate_absent_move',function(){
   var  atLeastOneIsChecked = false;
   var assessment_id = $(this).data("id");
   var candidates=[];
   var $this = $(this);
      if ($("input[type=checkbox]").is(":checked")) { 
              $('.checkItem:checked').each(function(i){ 
                candidates[i]=$(this).data('id');
              });

          swal({
              html: true, 
              title: '<span class="sweet-danger-text">Are You Sure Want to Mark as Absent?</span>', 
              type: "info",
              showCancelButton: true,
              confirmButtonText: "Yes", 
              cancelButtonText: "No", 
              closeOnConfirm: false,
              confirmButtonColor: '#f0443a',
          },function(){
              $.ajax({
                  url: baseUrl+"/pro/update-absent-students",
                  type: "post",
                  data: {'candidates':candidates},
                  success: function (data) {
                    if(data.status == 200){
                    alertMessage("success",data.message,"Success");
                    $this.closest('tr.invidual-candidate').remove();
                    }else if(data.status == 400){
                      alertMessage("warning",data.message,"Warning"); 
                    }
                  },
                  error: function(err){
                    alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
                  }
              });
          }); 
       }else{
        alertMessage("warning","Please check checkbox","Warning");  
        return true;
       }
        
	});
 	/* mark absent candidate single move end */

 			/* mark absent bulk */
 	$(document).on('click','.candidate-bulk_absent',function(){
    	var  atLeastOneIsChecked = false;
    	$('.checkItem:checked').each(function () {
	      	if($(this).is(':checked')) {
	        	atLeastOneIsChecked = true;
	        	return false; 
	      	}
    	});
    	if(atLeastOneIsChecked == false){
	    	alertMessage("warning","Please check atleast one checkbox","Warning");	
	      	return true;
    	}else{
	      	var $this = $(this);
	        var candidates=[];
	      	var assessment_id = [];
	      	var candidate_id = [];
	        $('.checkItem:checked').each(function(i){
	       		assessment_id[i] = $(this).data('id'); 
	          candidates[i]=$(this).data('id');
	        	candidate_id[i] = $(this).val();
	      	});
	      	swal({
		        html: true, 
		        title: '<span class="sweet-info-text">Are You Sure Want to Mark as Absent?</span>', 
		        type: "info",
		        showCancelButton: true,
		        confirmButtonText: "Yes", 
	          cancelButtonText: "No", 
		        closeOnConfirm: false,
		        confirmButtonColor: '#f0443a',
		        showLoaderOnConfirm: true,
	      	},function(){
		        $.ajax({
		          	url: baseUrl+'/pro/update-absent-students',
		          	type: "post",
		          	data: {'candidates':candidates},
		          	success: function (data) {
		            	if(data.status==200){
		            		alertMessage("success",data.message,"Success");
		              		$.each(candidate_id, function( i,l ){
		                		// Remove row
		                		$('#checkItem_'+l).parents('tr').remove();
		                		
		              		});
		            	}else if(data.status == 400){
		            		alertMessage("danger",data.message,"Something Went Wrong!");
		            	}
		          	},
		          	error: function(err){
	             alertMessage("danger","Your action  has been suspended, Sorry for the inconvenience. Please try again later","Something Went Wrong");
		          	}
		        });
	      	}); 
    	}
	});
</script>
@endsection