<section class="news-block grid-col">

    <a style="display: block; margin-bottom: 40px; width: 100%; text-decoration: none;" target="_blank" href="https://www.deruchte.nl/voorstelling/jazz-band-ball-2018">
        <img alt="banner" style="width: 100%;" src="/img/jbb_banner.jpg"/>
    </a>

    <div class="news-placeholder">
        <h3>@lang('site/global.latestNews')</h3>

        @foreach($posts as $key => $post)
            <article>
                <a href="/{{$links->news->route}}/{{$post->translation->slug}}">
                    @if($post->images->count() != 0)
                        <figure>
                            <img alt="post-image" src="{{$post->images->first()->small}}"/>
                        </figure>
                    @endif
                    <div class="content">
                        <h5>{{$post->translation->name}}</h5>
                        <p>{!! $post->translation->meta_description !!}</p>
                        <span class="read-more">@lang('site/global.readMore')<span class="icon"></span> </span>
                    </div>
                </a>

                @if(isset($post->photo_link) && $post->photo_link != '')
                    <a class="photo-album" href="{{$post->photo_link}}" target="_blank">
                        <p>
                            @lang('site/global.watchPhotoAlbum')
                            <span class="icon"></span>
                        </p>
                    </a>
                @endif

            </article>
        @endforeach

        <a class="to-overview" href="/{{$links->news->route}}">
            <div class="placeholder">
                <p>@lang('site/global.toOverview')</p>
                <span></span>
            </div>
        </a>

    </div>

</section>