@extends('layouts.private')

@section('content')
<div class="container">
    <div class="row pb-1 mb-2">
        <div class="col-6">
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb p-0 m-0 mt-2 bg-transparent pt-1">
                    <li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
                    <li class="breadcrumb-item active"><a href="{{ route('peopleListMarketPlace') }}">Marketplace People</a></li>
                </ol>
            </nav>  
        </div>
        <div class="col-6 text-right">
            &nbsp;
        </div>
    </div>
    <div class="row ajax-load">
		 @include('private.people.marketingListing')
     </div>    
</div>
@section('script')
<script>
var page = 1;
	$(window).scroll(function() {
	    if($(window).scrollTop() + $(window).height() >= $(document).height()) {
	        page++;
	        loadMoreData(page);
	    }
	});

	function loadMoreData(page){
		$.get('?page=' + page, function(data){
				$('.ajax-load').append(data.html);
			});
	}
	
</script>

@endsection
@endsection