@extends('layouts.main')
@section('title','Candidate Skill List')
@section('content')  
@php
$isRoundZeroActive = request()->get('active_menu') === 'round_zero';
 if(!$isRoundZeroActive && session()->has('new_portal_redirect')){
    $navbarstyle = "margin-left:4px;";
 }
@endphp
<div class="pcoded-content" style={{ $navbarstyle ?? '' }}>  

	<div class="pcoded-inner-content">

		<div class="main-body">

			<dSiv class="page-wrapper">

				<div class="pageheader">
                    
                    <div class="page-header-title">
						<h4>Candidate Skill List</h4>
					</div>
              @if(!session()->has('new_portal_redirect'))
                    
                    <div class="page-header-breadcrumb">
                        <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">
                              @if(Auth::guard('corporate')->user()->user_type == 1)
                              <a href="{{ secure_url('company/csr-candidate-skill-list') }}">Corporate Skill Candidates</a>
                              @elseif(Auth::guard('corporate')->user()->user_type == 2)
                              <a href="{{ secure_url('company/csr-candidate-skill-list') }}">Corporate Skill Candidates</a>
                              @endif
                            </li>
                         </ul>
                    </div> 
                @endif
                </div>

			

			   		<div class="page-body">

              <div class="hme-loading-mask" style="display: none;">
                                <div class="hme-loading-container">
                                    <div class="hme-dual-ring"></div>
                                    <div>Please wait, Loading...</div>
                                </div>
                          </div>
				       <div class="row">

						    <div class="col-xs-12 col-md-12">

		                      	<div class="card borderless-card">
		                          	<div class="card-block p-2">
		                              	<div class="d-flex flex-row flex-wrap hme--custom-filter-wrapper">
		                
		                              			<div class="col-md-12">

					                                <div class="row">

                                            <div class="col-md-2">
                                              <label >Skill:</label>
                                              {!! Form::select('skill_name', isset($results) ? $results : []  ,null,['class' => 'form-control csr-candidate-skill-list-skill-search select2', 'placeholder' => 'Select Skill', 'id' => 'skill_name']) !!}
                                            </div>
					                                   
					                                  <div class="col-md-2">
                                              <label >HireMee Id:</label>
					                                    {!! Form::select('hiremee_id', isset($results) ? $results : [] ,null,['class' => 'form-control csr-candidate-skill-list-search select2', 'placeholder' => 'Select Hiremee Id', 'id' => 'hiremee_id']) !!}
					                                  </div>

					                                  <div class="col-md-2">
                                              <label >Candidate Name:</label>
					                                    {!! Form::select('candidate_name', isset($results) ? $results : []  ,null,['class' => 'form-control csr-candidate-skill-list-name-search select2', 'placeholder' => 'Select Candidate Name', 'id' => 'candidate_name']) !!}
					                                  </div>
                                            
                            <div class="col-md-2">
                              <label >Start Date :</label >
                                <div class="input-group">
                                  {!! Form::text('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">
                            <label >End Date </label >
                            <div class="input-group">
                              {!! Form::text('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>

                      </div>
                      <div class="row">
                               <div class="col-md-4 pl-2">
                            <button class="btn btn-danger btn-sm waves-effect" id="js-candidate-search">Search</button>                                         
                            
                            <a href="{{ secure_url('company/csr-candidate-skill-list')}}" class="btn btn-sm btn-danger waves-effect"> Refresh</a>
                            <button disabled="disabled"  type="button" id ="js-skill-list-export" class="btn btn-sm btn-primary "><i class = "zmdi zmdi-collection-text zmdi-hc-fw"></i> @lang('core.but_export_excel')</button>
                          </div>
                      </div>
		                    
            				</div>
              				</div>
          			</div>
    		</div>

							 	<!-- Render page table  -->

							 	<div class='csr-candidate-skill-list'>

							 		<div class="hme-loading-mask" style="">
				                        <div class="hme-loading-container">
				                            <div class="hme-dual-ring"></div>
				                            <div>Please wait, Loading...</div>
				                        </div>
		                			</div>

		                				<!-- render page included -->

							 	</div>

							 	<!-- End Render page -->
	      					
							</div>
					</div>

        		</div>


			</div> 
		</div>
	</div>

</div>
	

@endsection

@section('footer')

<script type="text/javascript">

// $('.hme-loading-mask').css('display','block').fadeIn();
// $('.hme-loading-mask').fadeOut()
 $(document).ready(function(){
$('#js-skill-list-export').attr('disabled',true);
  csr_candidate_skill_list();

});


$('#js-candidate-search').on('click',function(){

    var hiremee_id =$('#hiremee_id').val();
    var candidate_name =$('#candidate_name').val();
    var skill_name =$('#skill_name').val();
     var startdate =$('#start_date').val();
         var enddate =$('#end_date').val();

      $.ajax({
          url:  "{{ secure_url('company/csr-candidate-skill-list') }}",
          type: "get",
          data: 
          {
          'hiremee_id': hiremee_id, 
          'candidate_name':candidate_name,
          'skill_name': skill_name,
          'start_date': startdate,
          'end_date': enddate
        },

        success: function(response){

          $('.hme-loading-mask').css('display','block').fadeOut();
          if(response.status == 200){
            $('.csr-candidate-skill-list').html(response.component);
            $('#js-skill-list-export').attr('disabled',false);
          }

        },
        error: function(error){
            $('.hme-loading-mask').fadeOut();
            alertBox("Your action  has been suspended, Sorry for the inconvenience. Please try again later.");
          }
    });
});


/*Excel Export*/

  $('#js-skill-list-export').on('click',function(){
      $('.hme-loading-mask').css('display','block').fadeIn();
      
     // var company='';
     //   var from=$('#js-common-testpin-fromdate').val();
     //   var to=$('#js-common-testpin-todate').val();
     //   var flag;
     //   if(company == ''){
     //     flag=1;
     //   }else{
     //     flag=2;
     //   }
       excelExport();
   });
  
   function excelExport() {
   		var hiremee_id =$('#hiremee_id').val();
      	var candidate_name =$('#candidate_name').val();
         var skill_name =$('#skill_name').val();
         var startdate =$('#start_date').val();
         var enddate =$('#end_date').val();

    	$.ajax({
      		url:  "/company/csr-candidate-skill-report-export",
      		type: "get",
      		data: 
      		{	'excel_download':1,
      		'hiremee_id': hiremee_id, 
      		'candidate_name':candidate_name,
          'skill_name': skill_name,
          'start_date': startdate,
          'end_date': enddate
  			},

	     	success: function(response){
	     	
	         	$('.hme-loading-mask').fadeOut();
	         	var a = document.createElement("a");
	          	a.href = response.file; 
	          	a.download = response.name;
	          	document.body.appendChild(a);
	          	a.click();
	          	a.remove(); 
	      	},
	      	error: function(error){
	        	$('.hme-loading-mask').fadeOut();
	        	alertBox("Your action  has been suspended, Sorry for the inconvenience. Please try again later.");
	      	}
   		});
   }

/*End Excel Export*/


  $(document).ready(function(){

    $('.select2').select2();

    $('.csr-candidate-skill-list-search').select2({
          minimumInputLength: 2,
          ajax:
          {
              delay: 250,
              url: "/company/csr-candidate-skill-dropdown",
              dataType: 'json',
              data: function (params) 
              {
                return {

                  hiremee_id: $.trim(params.term),
                  flag:1
                  
                };
                
              },
             processResults: function(data)
            {   
              
              return {

                results : data                            
              };           
            },
          }
    });

    $('.csr-candidate-skill-list-name-search').select2({
          minimumInputLength: 2,
          ajax:
          {
              delay: 250,
              url: "/company/csr-candidate-skill-dropdown",
              dataType: 'json',
              data: function (params) 
              {
                return {

                  candidate_name: $.trim(params.term),
                  flag:2
                  
                };
                
              },
             processResults: function(data)
            {   
              
              return {
                results : data
              };           
            },
          }
    });


    $('.csr-candidate-skill-list-skill-search').select2({
          minimumInputLength: 2,
          ajax:
          {
              delay: 250,
              url: "/company/csr-candidate-skill-dropdown",
              dataType: 'json',
              data: function (params) 
              {
                return {

                  skill_name: $.trim(params.term),
                  flag:3
                  
                };
                
              },
             processResults: function(data)
            {   
              
              return {

                results : data                            
              };           
            },
          }
    });

});

  $('#js-candidate-skill-list-refresh').on('click',function(){
   $('#hiremee_id').val('default'); 
   $('#hiremee_id').selectpicker("refresh");

   $('#candidate_name').val('default'); 
   $('#candidate_name').selectpicker("refresh");
    csr_candidate_skill_list();
});

/* Search drop down - result */

  /*$('#hiremee_id').change(function(){
    	var hiremee_id =$('#hiremee_id').val();
      $('.hme-loading-mask').css('display','block').fadeIn();
     	$.ajax({
          method: "GET",
          url: "{{ secure_url('company/csr-candidate-skill-list') }}",
           data:{'hiremee_id':hiremee_id},
          success:function(data){
            //$('#skill_name').html('');
            //$('#candidate_name').html('');
            $('.hme-loading-mask').css('display','block').fadeOut();
          	$('.csr-candidate-skill-list').html(data.component);
            

          
          }
     	});
  		//this.form.submit();
	});*/

   /*$('#candidate_name').change(function(){
    	var candidate_name =$('#candidate_name').val();
      $('.hme-loading-mask').css('display','block').fadeIn();
     	$.ajax({
          method: "GET",
          url: "{{ secure_url('company/csr-candidate-skill-list') }}",
           data:{'candidate_name':candidate_name},
          success:function(data){
            //$('#hiremee_id').html('');
            //$('#skill_name').html('');
            $('.hme-loading-mask').css('display','block').fadeOut();
          	$('.csr-candidate-skill-list').html(data.component);
          }
      	});
  		//this.form.submit();
	});*/


   /*$('#skill_name').change(function(){
      var skill_name =$('#skill_name').val();
      $('.hme-loading-mask').css('display','block').fadeIn();
      $.ajax({
          method: "GET",
          url: "{{ secure_url('company/csr-candidate-skill-list') }}",
           data:{'skill_name':skill_name},
          success:function(data){
            //$('#hiremee_id').html('');
            //$('#candidate_name').html('');
            $('.hme-loading-mask').css('display','block').fadeOut();
            $('.csr-candidate-skill-list').html(data.component);
          }
        });
      //this.form.submit();
  });*/

/*End*/

function csr_candidate_skill_list(){
	 $('.hme-loading-mask').css('display','block').fadeIn();
        $.ajax({
          method: "GET",
          url:"{{ secure_url('company/csr-candidate-skill-list') }}",
          success:function(data){
          	$('.hme-loading-mask').fadeOut();
          $('.csr-candidate-skill-list').html(data.component);
          
          }
      });
}

$('body').on('click', '.pagination a', function(e) {   
      e.preventDefault();
       var url = $(this).attr('href');
        $.ajax({
            url: url,
            success: function(data) {
                $('.csr-candidate-skill-list').html(data.component);               
            }
        });
});

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

          $("#end_date").val("");
          $("#end_date").bootstrapMaterialDatePicker('setMinDate', date);
        });
    $("#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');
          }

        });


</script>
@endsection