@extends('master', [ 'customBreadcrumb' => true])

@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')
    @if(!empty(config('services.facebook.appId')))<meta property="fb:app_id" content="{{config('services.facebook.appId')}}"/>@endif
    <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}}"/>

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

@section('content')

    <div class="l-contain  u-spacing-mt4  u-spacing-mb4">
        @include('components.breadcrumb', [ 'breadcrumbNameOverrule' => [ 3 => $post->translation->name] ] )
    </div>


    @if(!empty(config('services.facebook.appId')))
        {{-- 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>

        <div class="l-contain">
            @include('components.pageTitle', [
                'model' => $post,
                'backToLink' => $previousRoute,
                'backToLabel' => __('posts.backToLabel'),
            ])
        </div>
    @endif

    @include('organisms.components')


    <div class="l-block  l-contain">
        @include('components.subnav', [
            'menuName' => __('posts.menuName'),
            'models' => $latestPosts,
            'modelTypeRoute' => $links->posts->route,
            'activeModelId' => $post->id,
        ])
    </div>

    <div class="l-block">
        @include('organisms.calloutBar')
    </div>

@endsection