@extends('layouts.default')

@section('title', FootyRoom\Support\Utils\Helpers::title('Le Mix - Funny and Shocking Football Videos'))

@section('relLinks')
	{!! FootyRoom\Support\Utils\Helpers::relLinks($hasMorePosts) !!}
@endsection

@section('content')
	<div class="site-tree">
		<a href="/">Home</a>
		<div class="separator"></div>
		<a href="/lemix">Lemix</a>
		<div class="separator"></div>
	</div>

	<script>
		DataStore['postsEndpointUrl'] = '/lemix/posts-pagelet';
	</script>

	<div id="infinite-scroll" class="full-width" fr-fixed-header fr-infinite-scroll>
		@if ($page !== 1)
			<div class="info-box last-page"><a href="/lemix">Click here to load latest posts.</a></div>
		@endif

		@compose('posts.grid', 'PostsGridComposer', $posts, $page)
	</div>

	<div class="info-box text-center" ng-if="postsLoading && !loadMoreEnabled" ng-cloak>Loading <span class="spinner"></span></div>

	<div class="clearfix">
		<div class="btn btn-default col-xs-12" fr-ladda="postsLoading" ng-click="enableInfiniteScroll()" ng-if="loadMoreEnabled">Load more</div>
	</div>
@endsection