<div class="o-job-list">
    @if(!empty($jobListHeading))
        <h2 class="c-heading">{{$jobListHeading}}</h2>
    @endif
    <ul class="job-list">
        @foreach($jobs as $job)
            <li class="job-list__item">
                <a class="job-list__link"
                   href="{{$links->jobs->route . '/' . $job->translation->slug}}">{{$job->translation->name}}</a>
            </li>
        @endforeach
{{--        <li class="job-list__item">--}}
{{--            <a class="job-list__link jobalert" href="{{$links->jobalert->route}}">--}}
{{--                <h3>Staat jouw functie er niet bij?</h3>--}}
{{--                <span>Schrijf je in voor een jobalert! @include('site.components.icons.arrow')</span>--}}
{{--            </a>--}}
{{--        </li>--}}

        @if(!empty($jobListLinkToIndex) && $jobListLinkToIndex == true)
            <li class="job-list__item">
                @include('site.components.button', [
                    'modifiers' => ['icon'],
                    'buttonText' => 'Bekijk alle vacatures',
                    'buttonLink' => $links->jobs->route,
                ])
            </li>
        @endif
    </ul>
</div>