@extends('site.master')

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

{{--@section('hero-body')--}}
{{--    @include('site.components.heroHeading', [--}}
{{--               'heroHeadingTitle' => ( !empty($page->translation->visual_name) ? $page->translation->visual_name : $page->translation->name),--}}
{{--               'heroHeadingSubTitle' => $page->translation->description,--}}
{{--               'heroHeadingButtonLabel' => $page->translation->button_label,--}}
{{--               'heroHeadingButtonLink' => $page->translation->button_link--}}
{{--           ])--}}
{{--@endsection--}}

@section('content')

{{--    @include('site.components.hero', [ 'heroImages' => $page->images ])--}}

    <div class="c-body  o-blocks">
        @include('site.organisms.components')

        <div class="c-heading  o-block" id="vacancies-scroll-hook">
            <h2 class="c-heading__title">@lang('site/jobs.vacancies')</h2>
        </div>

        <div class="l-grid o-block">
            <div>
{{--                <div class="c-recruitee-jobs" id="recruitee-jobs" data-read-more="@lang('site/global.readMore', [], 'en')"></div>--}}
                @include('site.components.careersJobs')
            </div>
        </div>

        <div class="c-heading  o-block">
                <h2 class="c-heading__title">@lang('site/jobs.location')</h2>
        </div>
        <div class="o-contact__map" id="map"
             data-google-lat="{{ config('site.offices.main.googleMaps.lat') }}"
             data-google-lng="{{ config('site.offices.main.googleMaps.lng')  }}"
        ></div>

    </div>

    @include('site.components.recruiteeJobOverlay')

@endsection