@foreach($posts as $post)
    <article class="o-news__article">
        <a class="o-news__link" href="{{$links->posts->route}}/{{$post->translation->slug}}">
            @if(isset($post->images) && $post->images->count() != 0)
                <div class="o-news__image">
                    <div class="o-news__bg-image" @if(isset($post->images) && $post->images->count() != 0) style="background-image: url('{{ $post->images->first()->small_image_url }}');"  @endif></div>
                </div>
            @endif
            <div class="o-news__body">
                <h2 class="o-news__heading">{{ $post->translation->name }}</h2>

                @if($post->translation->meta_description)
                    <p class="o-news__intro">
                        {{$post->translation->meta_description}}
                    </p>
                @endif

                <time class="o-news__timestamp" datetime="{{$post->date->format('Y-m-d')}}">
                    {{$post->date->day}} @lang('calendar.month_names_short.'. ($post->date->format('n') - 1)) {{ $post->date->year }}
                </time>

                <p class="o-news__action">
                    <span class="o-news__readmore">Lees meer</span>
                    @include('site.components.icons.arrow')
                </p>
            </div>
        </a>
    </article>
@endforeach