@foreach($items as $news)
<div class="post_body">
    <h2>{{ $news->title }}</h2>
    <ul class="post_details clearfix">
        <li class="detail date">
            <i class="fa-regular fa-clock"></i>
            {{Formatter::relativeDate($news->published)}} om {{$news->published->format('H:i')}}
            @if($news->edited && ($news->edited->format('d m H i') != $news->published->format('d m H i')))
            | bijgewerkt:
            @if($news->edited->format('d m') != $news->published->format('d m'))
            {{strtolower(Formatter::relativeDate($news->edited))}}
            @endif
            om {{$news->edited->format('H:i')}} uur
            @endif
        </li>
        @if($news->author)
        <li class="detail author"><i class="fa-solid fa-pen"></i> {{$news->author}}</li>
        @endif
    </ul>


    <div class="post_content clearfix">
        <div class="content_box">
            @if($news->images)
            @if(count($news->images) == 1)
            <div class="post_image_box">
                <a href="{{$imgBase . $news->images[0]->url}}" class="post_image prettyPhoto" rel="prettyPhoto"
                    title="{{$news->images[0]->title}}">
                    <img src='{{$imgBase . $news->images[0]->url}}' alt='{{$news->images[0]->title}}'>
                </a>
                <div class="sentence">
                    <span class="text">{{$news->images[0]->title}}</span>
                    @if(isset($news->images[0]->author))
                    <span class="author">{{$news->images[0]->author}}</span>
                    @endif
                </div>
            </div>
            @else
            <div class="horizontal_carousel_container thin page_margin_top gallery_control">
                <ul
                    class="horizontal_carousel control-for-post-gallery visible-5 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
                    @foreach($news->images as $image)
                    <li>
                        <a href="#"><img src='{{$imgBase . $image->url}}'></a>
                    </li>
                    @endforeach
                </ul>
            </div>
            <div id="control-by-post-gallery" class="horizontal_carousel_container big margin_top_10">
                <ul id="post-gallery"
                    class="horizontal_carousel visible-1 autoplay-0 scroll-1 navigation-1 easing-easeInOutQuint duration-750">
                    @foreach($news->images as $image)
                    <li>
                        <a href="{{$imgBase . $image->url}}" data-rel="gallery" title="{{$image->title}}">
                            <span class="icon fullscreen animated"></span>
                            <img src='{{$imgBase . $image->url}}' alt='{{$image->title}}'>
                        </a>
                    </li>
                </ul>
                @endforeach
            </div>
            @endif
            @endif

            {{-- @if($news->type == "nhnieuws") --}}
            {{-- @include('partial/nh_story', ['content' => $news->content]) --}}
            {{-- @elseif($news->type == "artikel") --}}
            {{-- @include('partial/block_story', ['content' => $news->content]) --}}
            {{-- @else --}}
            <div class="text">
                <p>{!!$news->content!!}</p>
            </div>
            {{-- @endif --}}

            @if($news->podcast)
            @include('widgets/podcastplayer', ['podcast' => $news->podcast])
            @endif

            @if($news->source && $news->source->show)
            <div class="post-source">
                <p>Bron: {{$news->source->title}}</p>
            </div>
            @endif

            {{--
            @include('widgets/share')
            --}}

            {{-- <div class="share_buttons row">
                <div class="col-12 col-md-auto">
                    <a data-share="native" href="javascript:void(0)" class="btn">
                        <i class="fa-solid fa-share"></i>
                        Delen
                    </a>
                </div>
            </div> --}}
        </div>
    </div>
</div>
<hr />
@endforeach