@extends('site.master')

@section('title', $post->translation->name . ' | ' . $page->translation->meta_title)
@section('meta_description', $post->translation->meta_description)

@php
    \Carbon\Carbon::setLocale('nl');
    setlocale(LC_ALL, 'nl_NL');
@endphp

@section('content')


    <section class="c-post-article">

        <a class="c-post-article__back" href="/{{$links->posts->route}}">
            <img class="c-post-article__arrow" src="/img/svg/arrow_small_white.svg"/>
            Terug naar overzicht
        </a>

        @if(isset($post->images) && $post->images->isNotEmpty())
            <figure class="c-post-article__image">
                <img alt="{{ $post->images->first()->name }}" class="c-post-articel__image--medium" src="{{ $post->images->first()->medium_image_url }}"/>
                <img alt="{{ $post->images->first()->name }}" class="c-post-articel__image--small" src="{{ $post->images->first()->small_image_url }}"/>
            </figure>
        @endif

        <div class="c-post-article__body">

            <div class="c-post-article__heading">
                <h1 class="c-post-article__title">{{ $post->translation->name }}</h1>
                <div class="c-post-article__date">{{ $post->date->format('d-m-Y') }}</div>
            </div>

            <div class="c-post-article__main">

                @foreach($post->translation->description as $block)

                    {{-- Skip if status is false or it has a codename | if the first item is typeSlug it has already been used for the above block --}}
                    @continue( !($block->status && isset($block->code_name) && $block->code_name == '') || ($loop->first && $block->typeSlug === 'content-block') )

                    @if(isset($block->view) && $block->view != '')
                        @include($block->view, ['order' => $loop->index])
                    @else
                        @include('site.partials.dynamic.'.$block->typeSlug, ['order' => $loop->index])
                    @endif

                @endforeach

            </div>

        </div>

    </section>

    @include('site.partials.CTA-bottom')

@endsection