@foreach($posts as $post)
    <article class="o-blog__article">
        <a class="o-blog__link" href="{{$links->posts->route}}/{{$post->translation->slug}}">
            @if(isset($post->images) && $post->images->count() != 0)
                <div class="o-blog__image">
                    <div class="o-blog__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-blog__body">
                <h2 class="o-blog__heading">{{ $post->translation->name }}</h2>
                <time class="o-blog__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>

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

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