<div class="o-blog-articles">

    <div class="o-blog-articles__grid">



        <h2 class="c-heading-rule">Overzicht</h2>
        <div class="l-post-grid">
            @foreach($posts as $key => $post)

                <div class="l-post-grid__item">
                    @include('site.components.card', [
                        'modifiers' => 'unbox',
                        'clickable' => true,
                        'cardImage' => ($post->images->isNotEmpty() ? $post->images->first()->small_image_url : 'https://picsum.photos/1000/800?v=' . $key ),
                        'cardAltImage' => ($post->images->isNotEmpty() ? $post->images->first()->name : 'blog impression image' ),
                        'cardTitle' => $post->translation->name,
                        'cardText' => $post->translation->description,
                        'cardContactPerson' => $post->author(),
                        'cardLink' => $links->posts->route . '/' . $post->translation->slug,
                    ])
                </div>

            @endforeach
        </div>

    </div>

    <div class="o-blog-articles__pagination">
        {{-- Default Komma Pagination 1 ... 2 c 2 .. 1 =  7 --}}
        @include('site.components.pagination7', ['paginator' => $paginator])
    </div>

</div>