@extends('layouts.main')
@section('title',trans('core.title_test_expired'))
@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 Expired
								</div>
								<div class="col col-md-6 d-flex align-items-center justify-content-end">
									<button class="btn btn-danger c-white candidate-bulk-delte">Delete</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('CANDIDATEEXCEL_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" => secure_url('pro/test-expired'), "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<span class="text-danger">*</span> :</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 <span class="text-danger">*</span> :</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 <span class="text-danger">*</span> :</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']) !!}
                            <!-- <span class="input-group-addon" id="">
                              <i class="icofont icofont-calendar"></i>
                            </span> -->
                          </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-expired') }}" 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">Action</th>
									<th scope="col">Invite Status</th>
								</tr>
							</thead>
									<tbody id="js_testexpired_listing_container">
								

  @include('corporate.test-expired_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-expired')}}",
          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_expired','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');
		    	}

		    });
		});

		$(function() {
      $('.tooltip').tooltip('hide');
      		$('#js-btn-submit').click(function() {
		     if($("#testpin").val() != ''){
		      $("#invite_form").validate().cancelSubmit = true;
		      $("#invite_form").submit();
		     }else{
			$("#invite_form").validate({
				ignore: [],
				rules: {
		          assessment_id: {
		          	required: true
		          },
		          start_date: {
		          	required: true
		          },
		          end_date: {
		          	required: true
		          }
		        },
				invalidHandler: function (event, validator) {

			    },
			    errorElement: 'span',
				errorPlacement: function(error, element) {
		            var parent = $(element).parent();
		            $('.tooltip').tooltip('hide');					
					$("body").find('#'+error[0].id+'-custom').remove();

					parent.append('<span data-position="left" data-delay="0" data-animation="false" class="js-tootletip hiremee-info text-danger tooltip-validate" id="'+error[0].id+'-custom" data-toggle="tooltip" data-original-title="'+error[0].innerText+'" data-trigger="hover" style="margin-right:25px;"></span>');
					
					$('#'+error[0].id+'-custom').tooltip(tooltip_direction_options);

				},
				submitHandler: function(form) {
		          form.submit();
		        }
			});
			}
});

    });
    
	$('.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

</script>

	@endsection