@extends('base')

@section('title', $vacancy->translation->name . ' | ' . $page->translation->meta_title)
@section('meta_description', $vacancy->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="{{$vacancy->translation->meta_title }}"/>
    <meta property="og:description" content="{{$vacancy->translation->meta_description}}"/>

    @if(isset($vacancy->images) && $vacancy->images->count() != 0)
        <meta property="og:image" content="{{\Request::root().$vacancy->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', [
        'heroImages' => $vacancy->images,
        'heroTitle' => $vacancy->translation->name,
    ])
    @include('organisms.header', ['isSticky' => true])
    @include('organisms.overlayMenu')

    <div class="u-reset-header-offset  u-bg-neutral--100  u-bg-wrapper">

        <div class="o-block  l-contain">
            <div class="o-detail-intro">
                <div class="o-detail-intro__back">
                    @include('components.back', [
                        'backText' => __('site/vacancies.back_label'),
                        'backLink' => $links->vacancies->route
                    ])
                </div>
                <article class="o-detail-intro__content  u-has-max-width">
                    @include('organisms.components', ['componentBlockClasses' => 'u-spacing-mb6'])
                    @include('components.button', [
                        'modifiers' => ['icon'],
                        'buttonText' => __('site/vacancies.apply_button_label'),
                        'buttonLink' => $links->contact->route,
                    ])
                </article>
            </div>
        </div>

        @include('organisms.featuredProjects', [
            'headingRowTitle' => __('site/vacancies.featured_projects_heading'),
        ])

    </div>

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

    @include('organisms.callout')

    @include('organisms.footer')

@endsection