@extends('layouts.main')
@section('title',trans('core.title_current_walkin'))
 @section('content')
<div class="pcoded-content">
  <div class="pcoded-inner-content">
    <div class="main-body">
      <div class="page-wrapper">
        <div class="page-header">
          <div class="page-header-title">

            <h4>Current Walk-In Jobs</h4>
          </div>
          <div class="page-header-breadcrumb">
            <ul class="breadcrumb-title">
              <li class="breadcrumb-item">
                <a href="{{secure_url('candidate-dashboard') }}">
                  <span class="hiremee-home"></span>
                </a>
              </li>
              <li class="breadcrumb-item"><a href="{{ secure_url('candidate/current-walkins') }}">Current Walk-In Jobs</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="page-body">
          <div class="row">
                        <div class="col-xs-12 col-md-12">
                            <div class="row hme-filter">
                                <div class="col-xs-12 col-md-12">
                                    <div class="row">
                                        <div class="col-xs-12 col-md-2 col-sm-6 form-group">
                                            <div class="input-group input-group-primary1">
                                                <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label m-l-0 m-r-0 f-12">Show</span></span>
                                              <div class="input-group input-group-primary2 img-100">
                                                <div class="hme-select-style">
                                                <select name="select" id="current_openings_filter">
                                                    <option value="10">10</option>
                                                    <option value="25">25</option>
                                                    <option value="50">50</option>
                                                    <option value="100">100</option>
                                                  </select>
                                            </div>
                                        </div>
                                              <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label m-l-0 m-r-0 f-12">Entries</span></span>

                                            </div>
                                        </div>


                                        <div class="col-xs-12 col-md-3 col-sm-6 form-group p-l-0 p-r-0">
                                            <div class="input-group input-group-primary1">
                                                <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label  p-l-0 p-r-0  f-13">Walkins From:</span></span>
                                                   <div class="input-group js-job-date-from">
                                                       <input class="form-control js-job-date-from" placeholder="e.g. 15-08-2018" type="text" name="search_date" id="search_date">
                                                        <span class="input-group-addon" id="">
                                                          <i class="icofont icofont-calendar"></i>
                                                        </span>
                                                      </div>
                                                    </div>
                                        </div>

                                        <div class="col-xs-12 col-md-3 col-sm-6 form-group p-l-0 p-r-0">
                                            <div class="input-group input-group-primary1">
                                                <span class="input-group-addon transparent-addon" id="basic-addon1"><span class="hme-filter-inline-label p-l-0 p-r-0  f-13">Walkins To:</span></span>
                                                   <div class="input-group js-job-date-to">
                                                       <input class="form-control js-job-date-to" placeholder="e.g. 15-08-2018" type="text" name="search_date_to" id="search_date_to">
                                                        <span class="input-group-addon" id="">
                                                          <i class="icofont icofont-calendar"></i>
                                                        </span>
                                                      </div>
                                                    </div>
                                        </div>

                                        <div class="col-xs-12 col-md-2 col-sm-6 form-group">
                                            <div class="input-group input-group-primary1">
                                               
                                              <input class="form-control" placeholder="Search Company" type="text" id="company-search-field">
                                            <!--  <span class="input-group-addon" id="company-search" data-search-mode = '0'>
                                                    <span class="hiremee-search"></span></span> -->
                                            </div>
                                        </div>
                                          <div class="col-xs-12 col-md-2 col-sm-6 form-group p-t-5"> <span class="btn  btn-info btn-sm" id="company-search" data-search-mode = '0'>
                                          <span class="hiremee-filter"></span> Filter</span>

                                          <button class="btn btn-sm  btn-default" id="js-walkins-reset" type="reset"><i class="hiremee-refresh"></i> Reset</button></div>


                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
       
                    <div class="row" id="js-component-container">
                        <div class="hme-loading-mask">
                        <div class="hme-loading-container">
                            <div class="hme-dual-ring"></div>
                            <div>Please wait, Loading...</div>
                        </div>
                    </div>
                        {!! $component !!}
                </div>
                @if($current_openings_count>=10)
                <div class="col-md-12">
                    <div class="text-center">
                      <a href="javascript:void(0)" class="btn btn-outline-info " id="current_openings_loader" data-page='2'>Load more...</a>
                          </div>
                    </div>
                                @endif
                    <div class="clearfix"></div>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection @section('footer')

<script type="text/javascript">
  $(document).ready(function(){
    $('#loader').hide();
  });
    

$('#js-walkins-reset').on('click',function(){
  $('#company-search-field').val("");
  $('#search_date').val("");
  $('#search_date_to').val("");

      $.ajax({
      url: baseUrl+'candidate/current-walkins',
      type: "get",
      data: {'limit': $('#current_openings_filter').val(),'request_type':'remote','search': '','search_date': '','search_date_to':''},
      success: function(response){
        if (response.status == 200) {
          $('#js-component-container').html(response.component);
          if(response.hasmore == false) {
            $('#current_openings_loader').hide();
            $('#loader').show();
          } else {
            $('#current_openings_loader').show();
            $('#loader').hide();
          }
          $('.hme-loader').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
        });
      }
    });
});    


$('#company-search').on('click',function(){
  $('.hme-loading-mask').fadeIn();
  $(this).attr('data-search-mode',1);
  $(this).prop('disabled',true);
  var search = $('#company-search-field').val();
  var search_date = $('#search_date').val();
  var search_date_to = $('#search_date_to').val();


  search = $.trim(search);
  if (search == '' && search_date == '' && search_date_to == '') {
    $('.hme-loading-mask').fadeOut();
    swal({
      html: true, 
      title: '<span class="sweet-warning-text">Keyword Required</span>', 
      text: "Please provide any input to perform search.",
      type: "warning",
      showCancelButton: false,
      confirmButtonText: "OK",
        confirmButtonColor: '#ffbc01',
      closeOnConfirm: false
    });
    $(this).prop('disabled',false);
    $(this).attr('data-search-mode',0);
  } else {
      $.ajax({
      url: baseUrl+'candidate/current-walkins',
      type: "get",
      data: {'limit': $('#current_openings_filter').val(),'request_type':'remote','search': search,'search_date': search_date,'search_date_to': search_date_to},
      success: function(response){
        if (response.status == 200) {
          $('#js-component-container').html(response.component);
          if(response.hasmore == false) {
            $('#current_openings_loader').hide();
            $('#loader').show();
          } else {
            $('#current_openings_loader').show();
            $('#loader').hide();
          }
          $('.hme-loader').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
        });
      }
    });
  }
});    


$('#current_openings_loader').on('click',function(){
  $('.hme-loading-mask').fadeIn();
  $(this).hide();
  var search = null;
  var search_date = null;
  var search_date_to = null;


  if ($('#company-search').attr('data-search-mode') == 1) {
    search = $.trim($('#company-search').val());
    if (search == null || search == '') {
      $('#company-search').attr('data-search-mode',0);
    }
  }
  $.ajax({
    url: baseUrl+'candidate/current-walkins',
    type: "get",
    data: {'limit': $('#current_openings_filter').val(),'request_type':'remote','search': search ,'page':$(this).attr('data-page'),'search_date': search_date,'search_date_to': search_date_to},
    success: function(response){
      if (response.status == 200) {
        $('#js-component-container').append(response.component);
       $('.hme-loading-mask').fadeOut();
        if(response.hasmore == false) {
          $('#current_openings_loader').hide();
          $('#loader').show();
        } else {
          $('#current_openings_loader').show();
          $('#loader').hide();
          $('#current_openings_loader').attr('data-page',parseInt($('#current_openings_loader').attr('data-page'))+1);
        }
      }
    },
    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
      });
    }
  });
}); 


$('#current_openings_filter').on('change',function(){
    $('.hme-loading-mask').fadeIn();
  var search = null;
  if ($('#company-search').attr('data-search-mode') == 1) {
    search = $.trim($('#recruiter-invite-search-field').val());
    if (search == null || search == '') {
      $('#company-search').attr('data-search-mode',0);
    }
  }
  $.ajax({
    url: baseUrl+'candidate/current-walkins',
    type: "get",
    data: {'limit': $(this).val(),'request_type': 'remote','search': search},
    success: function(response){
      if (response.status == 200) {
        $('#js-component-container').html(response.component);
        if(response.hasmore == false) {
          $('#current_openings_loader').hide();
          $('#loader').show();
        } else {
          $('#current_openings_loader').show();
          $('#loader').hide();
        }
         $('.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
      });
    }
  });  
});

</script>
@endsection