@if( $posts->count() != 0 )
    <section class="posts-row">
        <div class="grid-row">
            <div class="placeholder">

                @foreach($posts as $post)

{{--                    {{ dde($post->images) }}--}}

                    <article>
                        <a href="/{{$post->route->route}}">
                            <figure>
                                <div class="image-placeholder">

                                    @if($post->post->images->count() != 0)
                                        @foreach(['large', 'medium'] as $imageSize)
                                            <span class="{{$imageSize}}"
                                                  style="background-image: url('{{ $post->post->images->first()->{$imageSize.'_image_url'} }}');"></span>
                                        @endforeach
                                    @endif
                                </div>
                            </figure>
                            <div class="content">
                                <h3>{{$post->name}}</h3>

                                <span class="date">
                                <div class="date-placeholder">
                                    <span class="day">{{$post->post->date->format('d')}}</span>
                                    <span class="month">{{$post->post->date->format('m')}}</span>
                                </div>
                            </span>
                            </div>
                        </a>
                    </article>
                @endforeach

                <div class="tablet overview">
                    <div class="wrapper">
                        <a href="/{{$links->posts->route}}">
                            <div class="overview-placeholder">
                                <p>@lang('translations.goToOverviewText')</p>
                                <span class="button">
                                @lang('translations.allArticles')
                            </span>
                            </div>
                        </a>
                    </div>
                </div>

            </div>

            <a href="/{{$links->posts->route}}" class="button centered small-button">
                @lang('translations.allArticles')
            </a>

        </div>

    </section>
@endif