@extends('site.master')

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

@section('content')

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

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

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

    </header>

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

        <div class="related-posts col-10 centered">

            <a class="back-to-grid" href="/blog">Terug naar overzicht</a>

            <h2>{!! $category->translation->name !!}</h2>

            <div class="featured post-grid">

                @foreach( $category->posts as $post)

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

                @endforeach

            </div>

        </div>

    </section>

@endsection