@extends('layouts.internal')

@section('content')
@section('breadcrumb')
<div class="c-subheader justify-content-between px-3">
<ol class="breadcrumb border-0 m-0 px-0 px-md-3">
<li class="breadcrumb-item"><a href="/"><i class="fa fa-home"></i></a></li>
<li class="breadcrumb-item " aria-current="page">Home</li>
</ol>
</div>
@endsection
<div class="container">

	<div class="row">
		<div class="col-2">
			<strong>Actions:</strong>
			<p>
				<a href="#">No new action</a>
			</p>
		</div>
		<div class="col-7">		
			<h4 class="p-0 m-0 p-0 mb-2"><strong>Latest Activity Feed</strong></h4>
			<div class="ajax-load">
				
			@include('internal.homeListing')

		</div>
		</div>
		<div class="col-3">
			Advertisement space
		</div>
	</div>
</div>


@section('script')
<script>
var page = 1;
	$(window).scroll(function() {
	    if($(window).scrollTop() + $(window).height() >= $(document).height()) {
	        page++;
	        loadMoreData(page);
	    }
	});
	function loadMoreData(page){
		var filters = $('#filtersForm').serializeArray();
		$.get('?page=' + page, filters, function(data){
				$('.ajax-load').append(data.html);
			});
	}
</script>


@endsection
@endsection