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

@section('title', $vacancy->translation->meta_title != '' ? $vacancy->translation->meta_title : $vacancy->translation->name .' | '. $page->translation->name .' | '. config('site.company_name'))
@section('meta_description', $page->translation->meta_description)

@section('content')

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

    <div class="l-contain">
        @include('components.pageTitle', [
            'model' => $vacancy,
            'backToLink' => $links->vacancies->route,
            'backToLabel' => __('vacancies.backToLabel'),
        ])
    </div>

    {{--When components are set on this page they will be put here --}}
    @include('organisms.components')


    <div class="l-block  l-contain  u-text-align-center">
        <div class="s-text">
            <h2>{!! $servicePointHeading ?? '' !!}</h2>
            @include('components.servicePoint', [
                'buttonText' => $servicePointButton->translation->label ?? '',
                'buttonLink' => $servicePointButton->translation->url ?? '',
            ])
        </div>
    </div>


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

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

@endsection