@extends('site.base')

@section('title', $job->translation->meta_title)
@section('meta_description', $job->translation->meta_description)

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

    @if(isset($job->images) && $job->images->count() != 0)
        <meta property="og:image" content="{{\Request::root().$job->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('site.organisms.header')

    @include('site.organisms.stickyHeader')

    @include('site.components.overlayMenu')

    @include('site.components.hero', ['modifiers' => ['x-collapse']])

    <div class="c-body  o-blocks">

        <div class="l-grid  o-block">
            <article class="c-article">
                <div class="c-article__header  c-article__header--center">
                    <h1 class="c-article__heading">{{$job->translation->name}}</h1>
                </div>

                <div class="c-article__content">
                    <div class="c-article__menu">
                        @include('site.components.optionsMenu', ['model' => $job, 'returnRoute' => $links->jobs->route, 'optionsMenuText' => __('site/global.backToOverview')])
                    </div>

                    @include('site.organisms.components', ['layoutType' => 'article'])

                </div>
            </article>
        </div>


        @if($otherModels->count() != 0)

            <div class="l-grid o-block">
                <div>
                    @include('site.organisms.otherModels', ['resourceRoute' => '/' . $links->jobs->route, 'otherModelTitle' => __('site/jobs.otherModelsTitle'), 'hasNoImage' => true])
                </div>
            </div>

        @endif



{{--        <div class="l-grid  o-block-bg">--}}
{{--            <div>--}}
{{--                @include('site.components.cta.cta--bar')--}}
{{--            </div>--}}
{{--        </div>--}}

    </div>

    @include('site.organisms.footer')

@endsection