@extends('layouts.front-page')
@section('pageTitle', 'HireMee test inventory')

@section('content')
<div class="hme-static-header mob-jobs-padding">
	<div class="container">
		<div class="d-flex justify-content-between flex-wrap">
			<h4 class="hme-header-title">Test Inventory</h4>
		</div>
	</div>
</div>
<input type="hidden" name="total_count" id="total_count" value="{{count($test_inventory_list)}}">
<section class="section pt-0">
	<div class="container">
	    <div class="row" id="js-component-load">
	    	<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>
	</div>
</section>
@endsection
@section('footer')
<script type="text/javascript">
  $(document).ready(function(){
  if($('#total_count').val()>=6){
    $('#js-testinventory-load-more').show();
  }else{
    $('#js-testinventory-load-more').hide();
  }
});
   $(document).on('click','#js-testinventory-load-more', function() {
   $(this).hide();
   $('.hme-loading-mask').fadeIn();
   $.ajax({
     url: baseUrl+'pro/public-test-inventory',
     type: "get",
     data: {'limit': 6,'page':$(this).attr('data-page')},
     success: function(response){
       if (response.status == 200) {
         $('#js-component-load').append(response.component);
         $('.hme-loading-mask').fadeOut();
         if(response.hasmore == false) {
           $('#js-testinventory-load-more').hide();
           $('#loader').show();
         } else {
           $('#js-testinventory-load-more').show();
           $('#loader').hide();
           $('#js-testinventory-load-more').attr('data-page',parseInt($('#js-testinventory-load-more').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
       });
     }
   });
   });

</script>
@endsection