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

    <header class="mb-4">
        <h1 class="title-color h2">{{ $pageTitle }}</h1>
        @if (!empty($intro))
            <div class="category-intro">{!! $intro !!}</div>
        @endif
    </header>

    @if ($posts->count())
        <div class="row">
            @foreach ($posts as $post)
                @include('front.partials.post-grid-item', ['post' => $post])
            @endforeach
        </div>
    @else
        <p><span class="text-danger">Keine Artikel in dieser Kategorie gefunden.</span></p>
    @endif

    <div class="pagination-block">
        {{ $posts->appends(request()->only('page'))->links('custom_pagination') }}
    </div>

    <nav class="mt-5" aria-label="Weitere Themen">
        <p class="h5">Weitere Themen</p>
        <ul class="list-inline">
            @foreach (sidebar_categories(10) as $other)
                @continue($other->id === $category->id)
                <li class="list-inline-item mb-2"><a class="btn btn-sm btn-outline-primary" href="{{ route('category_posts', $other->slug) }}">{{ $other->name }}</a></li>
            @endforeach
            <li class="list-inline-item mb-2"><a class="btn btn-sm btn-outline-primary" href="{{ route('all_posts') }}">Alle Artikel</a></li>
        </ul>
    </nav>
@endsection