@extends('site.master')

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

@section('content')

    <section class="main-vacancies-content">
        <div class="grid-row">
            <div class="vacancies-info kms-content">
                {!! $page->translation->vacancies_intro->description !!}

                <div class="contact-person">
                    <figure>
                        <img alt="contact person" src="/img/contact_person_white.jpg"/>
                    </figure>
                    <p>
                        {{ \Config::get('site.contact_person.name') }}
                        <span class="function">{{ \Config::get('site.contact_person.function') }}</span>
                    </p>
                </div>

            </div>
            <div class="available-vacancies">
                <h2>@lang('site/vacancies.availableVacancies')</h2>

                <div class="vacancies-overview">
                    @if($vacancies->count() == 0)
                        <p class="no-vacancies">
                            @lang('site/vacancies.noVacanciesAvailable')
                        </p>
                    @else
                        @foreach($vacancies as $vacancy)
                            <article class="vacancy">
                                <a href="/{{$links->vacancies->route}}/{{$vacancy->translation->slug}}">
                                    <p>@lang('site/vacancies.vacancy'):</p>
                                    <h4>{{$vacancy->translation->name}}</h4>
                                    <span class="button">
                                    @lang('site/global.readMore')
                                        <span class="double-arrow"></span>
                                </span>
                                </a>
                            </article>
                        @endforeach
                    @endif
                </div>

            </div>
        </div>
    </section>



    @include('site.partials.postsRow')

@endsection