@extends('master')

@section('title', $post->translation->meta_title != '' ? $post->translation->meta_title : $post->translation->name .' | '. $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $post->translation->meta_description)

@section('meta_information')
    <meta property="fb:app_id" content="{{config('services.facebook.appId')}}"/>
    <meta property="og:url" content="{{ \Request::root() . $_SERVER['REQUEST_URI'] }}"/>
    <meta property="og:type" content="website"/>
    <meta property="og:title"
          content="{{$post->translation->meta_title }}"/>
    <meta property="og:description" content="{{$post->translation->meta_description}}"/>

    <meta property="og:image" content="https://beatthebarn.be/img/open-graph-image.jpg" />
@endsection

@section('content')

    {{-- Make a facebook app for this application --}}
    <script>
        window.fbAsyncInit = function () {
            FB.init({
                appId: '{{config('services.facebook.appId')}}',
                autoLogAppEvents: true,
                xfbml: true,
                version: 'v3.1'
            });
        };

        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) {
                return;
            }
            js = d.createElement(s);
            js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    </script>


    @include('organisms.hero', [
        'hideTitle' => true,
        'breadcrumbNameOverrule' => [ 3 => $post->translation->name ]
    ])

    <div class="l-contain">
        @include('components.pageTitle', [
            'model' => $post,
            'subtitle' => isset($post->author) ? 'Door: ' . $post->author->name : null
        ])

        <hr class="u-spacing-mb5">
    </div>

    @include('organisms.components')

    <div class="u-tilted-bg  u-spacing-pb12" data-align="top-right">
        <div class="l-block  l-contain">
            @if($latestPosts->count() >= 1)
                <h2 class="u-spacing-mb5">{{__('posts.morePostsHeader')}}</h2>
                <div class="l-card-row">
                    <div class="l-card-row__main">
                        @include('organisms.blog', ['model' => $latestPosts])
                    </div>
                    <div class="l-card-row__footer  u-spacing-pb12">
                        @include('components.textButton', [
                            'modifiers' => ['icon'],
                            'textButtonText' => __('posts.allPostsButtonText') ?? null,
                            'textButtonLink' => $links->posts->route ?? null,
                        ])
                    </div>
                </div>
            @endif
        </div>
    </div>

@endsection