@extends('front.layout.pages-layout')
@section('pageTitle', isset($pageTitle) ? $pageTitle : 'Alle Artikel')
@section('content')
    @include('front.partials.breadcrumbs', ['items' => [['Start', url('/')], ['Alle Artikel', null]]])

    <header class="mb-4">
        <h1 class="title-color h2">{{ $pageTitle }}</h1>
        <p class="lead">Alle Guides zu Training, Ernährung und Regeneration – die neuesten zuerst.</p>
        <ul class="list-inline">
            @foreach (sidebar_categories(10) as $cat)
                <li class="list-inline-item mb-2"><a class="btn btn-sm btn-outline-primary" href="{{ route('category_posts', $cat->slug) }}">{{ $cat->name }} ({{ $cat->posts_count }})</a></li>
            @endforeach
        </ul>
    </header>

    <div class="row">
        @foreach ($posts as $post)
            @include('front.partials.post-grid-item', ['post' => $post])
        @endforeach
    </div>

    <div class="pagination-block">
        {{ $posts->links('custom_pagination') }}
    </div>
@endsection