@extends('site.master')

@section('content')

    {{-- Header with large image --}}
    <header class="main">


        @if($posts->currentPage() == 1)

            @include('site.partials.scrollHinter',['target'=>'scroll-to-posts', 'scrollHinterClasses' => 'scroll-hinter--bottom'])

            @include('site.partials.posts.postHeaderIndex',[
                'post' => $posts->first()
            ])
        @endif

        {{-- Drips around header --}}
        @include('site.partials.headerDrips')

    </header>

    {{-- Related posts --}}
    <section class="contained-layout">

        <div class="posts-container">

            @if($posts->isNotEmpty())

                <h2 id="scroll-to-posts">Wat verder ter tafel komt</h2>

                <div class="post-grid">

                    @foreach( $posts as $post)

                        @include('site.partials.posts.postThumb',[
                            'post' => $post
                        ])

                    @endforeach

                </div>

                <div class="post-grid__pagination">
                    {{ $posts->links('site.partials.posts.pagination7') }}
                </div>
            @endif

{{--            @if($featuredPosts->isNotEmpty())--}}

{{--                <h2 id="scroll-to-posts">Uitgelicht</h2>--}}

{{--                <div class="featured post-grid">--}}

{{--                    @foreach( $featuredPosts as $post)--}}

{{--                        @include('site.partials.posts.postThumb',[--}}
{{--                            'post' => $post--}}
{{--                        ])--}}

{{--                    @endforeach--}}

{{--                </div>--}}

{{--            @endif--}}

{{--            @if($nonFeaturedPosts->isNotEmpty())--}}

{{--                <h2 @if($featuredPosts->isEmpty()) id="scroll-to-posts" @endif>Wat verder ter tafel komt</h2>--}}

{{--                <div class="post-grid">--}}

{{--                    @foreach( $nonFeaturedPosts as $post)--}}

{{--                        @include('site.partials.posts.postThumb',[--}}
{{--                            'post' => $post--}}
{{--                        ])--}}

{{--                    @endforeach--}}

{{--                </div>--}}

{{--                {{ dd($nonFeatured) }}--}}

{{--            @endif--}}

        </div>

    </section>




@endsection