@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')

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

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

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

    </header>

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

        <div class="posts-container">

            @if($featuredPosts->isNotEmpty())

                <h2>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>Wat verder ter tafel komt</h2>

                <div class="post-grid">

                    @foreach( $nonFeaturedPosts as $post)

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

                    @endforeach

                </div>

            @endif
        </div>

    </section>




@endsection