@extends('master')

@section('title', $page->translation->meta_title != '' ? $page->translation->meta_title : $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@section('hero-content')
    <p class="c-post-categories__label">Filteren op categorie</p>
    <div class="c-post-categories">
        <a class="c-post-categories__item  @if(!isset($activePostLabel)) is-active @endif" href="{{$links->posts->route}}">
            Alle berichten
        </a>
        @foreach($categories as $category)
            <a class="c-post-categories__item  @if(isset($activePostLabel) && $activePostLabel->is($category)) is-active @endif" href="{{$links->posts->route}}/{{ $category->translation->slug }}">
                {{ $category->translation->name }}
            </a>
        @endforeach
    </div>

@endsection

@section('content')

    @if(!empty($page->translation->description))
        @include('organisms.heroNoImage', [ 'bottomShape' => 2 ])
    @endif

    <div class="l-block  l-contain">
        <div class="o-blog">
            <div class="o-blog__grid">
                @if($posts->count() >= 1)
                    @include('organisms.blog')
                @else
                    <h2>@lang('posts.no_posts')</h2>
                @endif
            </div>
        </div>

        @if(isset($posts) && $posts->hasPages())
            <div class="o-blog__footer">
                @include('components.pagination.list', ['paginator' => $posts])
            </div>
        @endif
    </div>



    @include('organisms.componentables.cta', ['componentAreaName' => 'fake'])

@endsection