Level 1
SOLVED:
@if($posts->total() > 10)
<div class="card text-center hoverable">
{{ $posts->render('pagination.default') }} <!--- This is a custom view on resources/views/pagination/default.blade.php
</div>
@endif
Content:
@if ($paginator->hasPages())
<ul class="pagination">
@if ($paginator->onFirstPage())
<li class="disabled">
<a>
<i class="material-icons">chevron_left</i>
</a>
</li>
@else
<li>
<a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="waves-effect">
<i class="material-icons">chevron_left</i>
</a>
</li>
@endif
@foreach ($elements as $element)
@if (is_string($element))
<li class="disabled">
<a href="javascript:void(0);" class="waves-effect">
{{ $element }}
</a>
</li>
@endif
@if (is_array($element))
@foreach ($element as $page => $url)
@if ($page == $paginator->currentPage())
<li class="active">
<a href="javascript:void(0);" class="waves-effect">
{{ $page }}
</a>
</li>
@else
<li>
<a href="{{ $url }}" class="waves-effect">
{{ $page }}
</a>
</li>
@endif
@endforeach
@endif
@endforeach
@if ($paginator->hasMorePages())
<li>
<a href="{{ $paginator->nextPageUrl() }}" rel="next" class="waves-effect">
<i class="material-icons">chevron_right</i>
</a>
</li>
@else
<li class="disabled">
<a>
<i class="material-icons">chevron_right</i>
</a>
</li>
@endif
</ul>
@endif