@extends('base')

@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="{{config('services.facebook.appId')}}"/>
    <meta property="og:url" content="{{request()->get('original_path')}}"/>
    <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('base-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.header')
    @include('organisms.header', ['isSticky' => true])
    @include('organisms.overlayMenu')

    @include('organisms.intro', [
        'introImage' => $post->images->first()->large_image_url ?? null,
        'introTitle' => $post->translation->name,
        'introDesc' => $post->translation->meta_description,
        'hasScrollButton' => true
    ])

    <article class="o-article">
        <div class="o-article__content">
            @include('organisms.components', ['disableContainComponent' => true])

            <div class="o-article__back">
                @include('components.button', [
                    'modifiers' => ['icon', 'reversed'],
                    'type' => 'text',
                    'buttonText' => 'Terug',
                    'buttonLink' => $links->posts->route,
                ])
            </div>
        </div>
        <div class="o-article__author">

            @include('components.person', [
                'personImage' => $post->employee->images->first()->small_image_url ?? null,
                'personName' => $post->employee->name ?? null,
                'personFunction' => $post->employee->translation->function ?? null,
            ])

        </div>

    </article>


    @include('organisms.footer')

@endsection