@extends('site.master')

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

@section('header-menu')
    {{--    <div class="menu-wrapper">--}}

    {{--        @if($vacancies->count() >= 1)--}}
    {{--            <p>@lang('site/vacancies.quickTo')</p>--}}
    {{--        @else--}}
    {{--            <p>@lang('site/vacancies.noVacancies')</p>--}}
    {{--        @endif--}}

    {{--        <ul>--}}
    {{--            @foreach($vacancies as $vacancy)--}}
    {{--                <li>--}}
    {{--                    <a href="/{{$links->vacancies->route}}/{{$vacancy->translation->slug}}">--}}
    {{--                        {{$vacancy->translation->name}}--}}
    {{--                    </a>--}}
    {{--                </li>--}}
    {{--            @endforeach--}}
    {{--        </ul>--}}

    {{--    </div>--}}
@endsection

{{--{{dd($page)}}--}}

@section('content')

    @include('site.partials.photoHeader', ['model' => $page])

    @if(isset($page->translation->top_content))
        <section class="vacancy-main-content">

            <div class="grid-row">
                <div class="left container">
                    <div class="kms-content">
                        {!! $page->translation->top_content->description !!}

                        <div class="button-container-work">
                            @switch(\App::getSite()->slug)
                                @case('anvil')
                                    <a class="button mt--2"
                                       href="https://werkenbijanvil.nl/werken-bij/anvil-industries">
                                        @lang('site/vacancies.knowMore')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>

                                    <a class="button work-at work-cta" href="https://werkenbijanvil.nl/vacatures">
                                        @lang('site/vacancies.toVacancies')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    @break
                                @case('rols-machineonderdelen')
                                    <a class="button mt--2"
                                       href="https://werkenbijanvil.nl/vacatures?for=rols-machineonderdelen">
                                        @lang('site/vacancies.knowMore')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    <a class="button work-at work-cta"
                                       href="https://werkenbijanvil.nl/vacatures?for=rols-machineonderdelen">
                                        @lang('site/vacancies.toVacancies')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    @break
                                @case('jansen-machining-technology')
                                    <a class="button mt--2"
                                       href="https://werkenbijanvil.nl/vacatures?for=jansen-machining-technology">
                                        @lang('site/vacancies.knowMore')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    <a class="button work-at work-cta"
                                       href="https://werkenbijanvil.nl/vacatures?for=jansen-machining-technology">
                                        @lang('site/vacancies.toVacancies')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    @break
                                @case('job-precision')
                                    <a class="button mt--2" href="https://werkenbijanvil.nl/vacatures?for=job-precision">
                                        @lang('site/vacancies.knowMore')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    <a class="button work-at work-cta"
                                       href="https://werkenbijanvil.nl/vacatures?for=job-precision">
                                        @lang('site/vacancies.toVacancies')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    @break
                                @case('machinefabriek-de-valk')
                                    <a class="button mt--2"
                                       href="https://werkenbijanvil.nl/vacatures?for=machinefabriek-de-valk">
                                        @lang('site/vacancies.knowMore')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    <a class="button work-at work-cta"
                                       href="https://werkenbijanvil.nl/vacatures?for=machinefabriek-de-valk">
                                        @lang('site/vacancies.toVacancies')
                                        <svg width="19" height="14">
                                            <use href="/img/arrow.svg#arrow"></use>
                                        </svg>
                                    </a>
                                    @break
                                @default
                                    <a class="button" href="https://werkenbijanvil.nl/vacatures">
                                        @lang('site/vacancies.toVacancies')
                                    </a>
                                    @break
                            @endswitch
                        </div>
                    </div>

                </div>
                <div class="right container">
                    <div class="kms-content">

                    </div>
                </div>

                @if(isset($page->references) && $page->references->count() != 0)
                    @include('site.partials.referenceBlock', ['reference' => $page->references->shuffle()->first()])
                @endif

            </div>
        </section>
    @endif

    @if(isset($page->translation->primary_content))
        @include('site.partials.home.mainContent')
    @endif

    {{--    @if(\App::getSite()->slug === 'anvil')--}}
    {{--        @include('site.partials.modelsMenuRowWithManySites', ['menuModels' => $vacancies, 'typeModelUrl' => '/'.$links->vacancies->route ])--}}
    {{--    @else--}}
    {{--        @include('site.partials.modelsMenuRow', ['menuModels' => $vacancies, 'typeModelUrl' => '/'.$links->vacancies->route ])--}}
    {{--    @endif--}}

@endsection