@extends('layouts.main')
@section('title',trans('core.title_current_opening'))
 @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 Openings</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-openings') }}">Current Openings</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-12 col-xl-8 col-md-4 show_entries">
                                            <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 show_txt">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 entries_txt">Entries</span></span>
                                            </div>
                                        </div>



                                        <div class="col-12 col-xl-4 col-md-8 search_download_excel">
                                          

                                            <div class="input-group input-group-primary1">
                                                <span class="input-group-addon transparent-addon search_student_txt" id="basic-addon1"><span class="hme-filter-inline-label  m-l-0 m-r-0 ">Search Company</span></span>
                        <input class="form-control" placeholder="Company Name" 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>
                                </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();
  });
    
$('#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();
  search = $.trim(search);
  if (search == null || search == '') {
    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);
    $('.hme-loading-mask').fadeOut();
  } else {
      $.ajax({
      url: baseUrl+'candidate/current-openings',
      type: "get",
      data: {'limit': $('#current_openings_filter').val(),'request_type':'remote','search': search},
      success: function(response){
        if (response.status == 200) {
          $('#js-component-container').html(response.component);
                      $('#current_openings_loader').show();

          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
        });
      }
    });
  }
});    

$(document).on('click','#current_openings_loader', function() {
  $(this).hide();
  $('.hme-loading-mask').fadeIn();
  var search = null;
  if ($('#company-search').attr('data-search-mode') == 1) {
    search = $.trim($('#company-search-field').val());
    if (search == null || search == '') {
      $('#company-search').attr('data-search-mode',0);
    }
  }
  $.ajax({
    url: baseUrl+'candidate/current-openings',
    type: "get",
    data: {'limit': $('#current_openings_filter').val(),'request_type':'remote','search': search ,'page':$(this).attr('data-page')},
    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($('#company-search-field').val());
    if (search == null || search == '') {
      $('#company-search').attr('data-search-mode',0);
    }
  }
  $.ajax({
    url: baseUrl+'candidate/current-openings',
    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