@extends('site.base')

@section('title', $job->translation->meta_title != '' ? $job->translation->meta_title : $job->translation->name .' | '. $page->translation->name .' | '. config('site.company.name'))
@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.header', ['isSticky' => true])
    @include('site.organisms.overlayMenu')


    <div class="u-bg-wrapper">
        <div class="u-ornament-triangle"></div>
        <article class="o-article">
            <div class="l-contain">
                <div class="o-article__back">
                    @include('site.components.button', [
                        'buttonText' => __('site/jobs.backToLabel'),
                        'buttonLink' => $links->jobs->route,
                        'type' => 'text',
                        'modifiers' => ['icon', 'is-reversed']
                    ])
                </div>
                <h1 class="o-article__heading">{{$job->translation->name}}</h1>
            </div>
            @include('site.organisms.components')

        </article>

        <div class="o-block  l-contain">
            @include('site.components.servicepoint', [
                'servicepoint' => $servicepoint,
                'servicepointText' => __('site/jobs.servicepoint.text'),
                'alternate' => true,
                'modifiers' => ['is-special'],
            ])
        </div>
    </div>

    <div class="u-bg-wrapper  u-bg-half-neutral--100">
        <div class="l-contain  o-block">

            <div class="l-newsgrid">
                <h2 class="l-newsgrid__header">@lang('site/jobs.readMoreHeader')</h2>
                <ul class="l-newsgrid__list  l-newsgrid__list--no-images">

                    @if($nextJobs->count() != 0)
                        @foreach($nextJobs as $model)
                            <li class="l-newsgrid__item">
                                @include('site.organisms.jobcard', ['parentRoute' => $links->jobs->route])
                            </li>
                        @endforeach
                    @else
                        <li class="l-newsgrid__item">
                            @include('site.organisms.jobcard', ['model' => $latestJob, 'parentRoute' => $links->jobs->route])
                        </li>
                        <li class="l-newsgrid__item">
                            <div class="c-newscard">
                                <article class="c-newscard__frame">
                                    <div class="c-newscard__content  c-newscard__content--message">
                                        <h2 class="u-fs-m  u-color-primary--500">@lang('site/jobs.noMoreJobs')</h2>
                                    </div>
                                </article>
                            </div>
                        </li>
                    @endif

                </ul>


                <div class="l-newsgrid__footer">
                    @include('site.components.button', [
                        'buttonText' => __('site/jobs.readMoreButtonLabel'),
                        'buttonLink' => $links->jobs->route,
                        'type' => 'text',
                        'modifiers' => ['icon', 'is-reversed']
                    ])
                </div>

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

    @include('site.organisms.footer')

@endsection