@if(isset($vacancies) && count($vacancies) > 0)
	<ul class="o-vacancies">
		@foreach($vacancies as $key => $vacancy)
			@if(isset($vacancy->translation))
				<li class="o-vacancies__item">
					<a class="o-vacancies__link"
					   href="{{$links->vacancies->route . '/' . $vacancy->translation->slug}}">
						<div class="o-vacancies__body">
							<div class="o-vacancies__content">
								<h2 class="o-vacancies__title">{{$vacancy->translation->name}}</h2>
								@if(!empty($vacancy->translation->description))
									<h3 class="o-vacancies__subtitle">{{$vacancy->translation->description}}</h3>
								@endif
							</div>
							<span class="o-vacancies__icon">@include('components.icons.arrow')</span>
						</div>

						<div class="o-vacancies__footer">
							<div class="o-vacancies__properties">
								@include('components.vacancyProperties', [
									'properties' => [
										'level' => $vacancy->translation->level,
										'experience' => $vacancy->translation->experience,
										'salary' => $vacancy->translation->salary,
										'hours' => $vacancy->translation->hours,
									]
								])
							</div>
							<div class="o-vacancies__company">
								@if(!empty($vacancy->services[0]->street))
									<span class="o-vacancies__street">{{ $vacancy->services[0]->street }}</span>
								@endif
								@if(!empty($vacancy->services[0]->postalcode))
									<span class="o-vacancies__postal">{{ $vacancy->services[0]->postalcode }}</span>
								@endif
								@if(!empty($vacancy->services[0]->city))
									<span class="o-vacancies__city">{{ $vacancy->services[0]->city }}</span>
								@endif

								@foreach($vacancy->services[0]->images as $image)
									@if($image->key = 'Documents-serviceLogo' && !empty($image->small_image_url))
										<div class="o-vacancies__logo" data-key="{{$image->key}}">
											<img src="{{ $image->small_image_url }}"/>
										</div>
									@endif
								@endforeach
							</div>
						</div>
					</a>
				</li>
			@endif
			@if(!empty($amountOfVacancies))
				@break($amountOfVacancies == $key + 1)
			@endif
		@endforeach
	</ul>
@else
	<div>{{__('vacancies.noVacancies')}}</div>
@endif