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

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

@section('content')

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

        @if($page->translation->intro)
            <div class="l-contain  o-block">
                @include('organisms.introText')
            </div>
        @endif

        <div class="l-contain  o-block">

            @if($vacancies->count() != 0)

                <div class="o-bricks">
                    @foreach($vacancies as $vacancy)

                        <a class="o-bricks__item" href="{{$links->vacancies->route}}/{{$vacancy->translation->slug}}">
                            <p class="o-bricks__text">{{ $vacancy->translation->name }}</p>
                        </a>

                    @endforeach
                </div>

            @else

                <div class="o-bricks__item">
                    <p class="o-bricks__text">@lang('site/vacancies.no_vacancies')</p>
                </div>

            @endif


        </div>

        @include('organisms.components')

    </div>

@endsection