@php
    /** @var LengthAwarePaginator $vacancies */

    use App\Models\Vacancy;use Illuminate\Pagination\LengthAwarePaginator;
@endphp
<article class="joblist">
    @if(!$vacancies->isEmpty())
        <div class="joblist__items">
            <div class="vacancy">
                <div class="vacancy__row as-heading">
                    <div class="vacancy__job">@lang('messages.Job')</div>
                    <div class="vacancy__category">@lang('messages.Department')</div>
                    <div class="vacancy__commitment">Commitment</div>
                </div>

                @foreach($vacancies as $vacancy)
                    @php /** @var Vacancy $vacancy */ @endphp
                    <div class="vacancy__row">
                        <div class="vacancy__job">
                            <a href="{{ url($vacancy->url) }}" rel="noopener">{{ $vacancy->title }}</a>
                            @if($vacancy->locations->isNotEmpty())
                                <span class="job-locations">{{ join(' / ', $vacancy->locations->pluck('title')->toArray()) }}</span>
                            @endif
                        </div>
                        <div class="vacancy__category">
                            <a href="{{ route('category.show', [$vacancy->category->id]) }}" rel="noopener">{{ $vacancy->category->title }}</a>
                        </div>
                        <div class="vacancy__commitment">
                            <a href="{{ url($vacancy->url) }}">{{ $vacancy->commitment }}</a>
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
        @include('site.partials.vacancy_list_pagination')
    @else
        @include('site.partials.vacancy_list_empty')
    @endif
</article>