@extends('site.master', ['view' => 'default post'])

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

@section('meta_information')
    <meta property="fb:app_id" content="191696924810463"/>
    <meta property="og:url" content="{{\Request::url()}}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:description" content="{{$post->translation->meta_description}}"/>
    <meta property="og:title" content="{{$post->translation->name . ' | ' . $page->translation->meta_title}}"/>

    @if(isset($post->images) && $post->images->count() >= 1)
        <meta property="og:image" content="{{\Request::root().$post->images->first()->large_image_url}}"/>
    @endif

@endsection

{{-- Overrule the post row title --}}
@section('post-row-title')
    <h3>@lang('site/posts.recentArticles')</h3>
@endsection

@section('content')
    @if(isset($post->images) && $post->images->count() != 0)
        <section class="impression-image grid-row">
            <div class="placeholder">
                <figure>
                    @foreach(['large', 'medium', 'small'] as $size)
                        <span class="{{$size}}"
                              style="background-image: url('{{ $post->images->first()->{$size} }}');"></span>
                    @endforeach
                </figure>

                <div class="branding-logos">
                    @foreach(\Config::get('site.brandings') as $branding => $route)
                        <a target="_blank" class="{{$branding}}" href="{{$route}}"></a>
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    <div class="page-title full-text-row @if(!isset($post->images) || $post->images->count() == 0) no-margin-top @endif">
        <div class="grid-row">
            <div class="grid-col kms-content">
                <h1>{{$post->translation->name}}</h1>

                <div class="post-meta">
                    <figure class="author-image">
                        @if(isset($post->author->images) && $post->author->images->count() != 0)
                            <span style="background-image: url('{{$post->author->images->first()->small}}');"></span>
                        @endif
                    </figure>
                    <span class="author-name">{{$post->author->name}}</span>
                    <span class="date">{{ $post->getHumanDateLong() }}</span>
                </div>
                <ul class="post-categories">
                    @foreach($post->categories as $postCategory)
                        <li>
                            <a href="/{{$links->blog->route}}/{{Str::slug($postCategory->translation->name)}}">
                                {{$postCategory->translation->name}}
                            </a>
                        </li>
                    @endforeach
                </ul>

                @if(isset($post->translation) && $post->translation->meta_description != '')
                    <p>{{$post->translation->meta_description}}</p>
                @endif
            </div>
        </div>
    </div>


    <section class="grid-row dynamic-content">
        @include('site.partials.dynamic.dynamicBlocks', [ 'dynamicContent' => $post->translation->description ])

        <div class="share-post">
            <p>@lang('site/posts.share')</p>
            <div class="share-buttons">
                @include('site.partials.shareSocialMedia', [
                            'metaTitle' => $post->translation->name . ' | ' . $page->translation->meta_title,
                            'metaDescription' => $post->translation->meta_description
                        ])
            </div>
        </div>

    </section>

    @include('site.partials.postsRow')

@endsection