<section class="jobs-overview" id="vacatures">
    <div class="grid-row">
        <div class="overview-placeholder grid-col col-6">
            {{-- Make header and pagination if needed --}}
            <div class="overview-header grid-row full-row">
                <h4 class="grid-col col-7">{{KommaLang::get('jobsOverviewTitle')}}</h4>
            </div>
            @if(!empty($jobs) && count($jobs) > 0)
                <div class="grid-row full-row articles">
                {{-- Loop through reference for this pagination page--}}
                    @foreach($jobs as $key => $job)
                        <article class="job">
                            <div class="content">
                                <h2>{{$job->name}}</h2>
                                <div class="inner-content">
                                    {{!empty($job->translation->description) ? $job->translation->description : ''}}
{{--                                    @if(!empty($job->files->first()->path))<a target="_blank" href="{{$job->files->first()->path}}">Download PDF<br/><span>voor meer informatie</span></a> @endif--}}

                                    <div class="job-info">
                                        @if(isset($job->pay) && $job->pay != '')
                                        <div class="job-info__item">
                                            <svg height="48" width="42">
                                                <use href="/img/icons/pay.svg#pay"></use>
                                            </svg>
                                            {{$job->pay}}
                                        </div>
                                        @endif

                                        @if(isset($job->contract) && $job->contract != '')
                                        <div class="job-info__item">
                                            <svg height="48" width="38">
                                                <use href="/img/icons/contract.svg#contract"></use>
                                            </svg>
                                            {{$job->contract}}
                                        </div>
                                        @endif

                                        @if(isset($job->possibilities) && $job->possibilities != '')
                                        <div class="job-info__item">
                                            <svg height="48" width="71">
                                                <use href="/img/icons/possibilities.svg#possibilities"></use>
                                            </svg>
                                            {{$job->possibilities}}
                                        </div>
                                        @endif
                                    </div>


                                    <a class="no-icon" href="{{$job->translation->route->route}}">
                                        Meer informatie
                                    </a>

                                </div>
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <p>
                    Op dit moment zijn er geen vacatures beschikbaar. Wil je toch graag bij ons werken? Voel je vrij een open sollicitatie in te sturen!
                </p>
            @endif


            <div class="overview-header grid-row full-row  overview-header--additional-top">
                <h4 class="grid-col col-7">{{KommaLang::get('internsOverviewTitle')}}</h4>
            </div>
            @if(!empty($interns) && count($interns) > 0)
                <div class="grid-row full-row articles">
                    {{-- Loop through reference for this pagination page--}}
                    @foreach($interns as $key => $intern)
                        <article class="intern">
                            <div class="content">
                                <h2>{{$intern->name}}</h2>
                                <div class="inner-content">
                                <p>{{!empty($intern->translation->description) ? $intern->translation->description : ''}}</p>
                                    @if(!empty($intern->files->first()->path))<a target="_blank" href="{{$intern->files->first()->path}}">Download PDF<br/><span>voor meer informatie</span></a> @endif
                                </div>
                            </div>
                        </article>
                    @endforeach
                </div>
            @else
                <p>
                    Op dit moment zijn er geen stageplekken beschikbaar. Wil je toch graag bij ons stage komen lopen? Voel je vrij om contact op te nemen!
                </p>
            @endif
        </div>
        @if(isset($image))
        <div class="overview-image grid-col col-5 offset-1">
            <div class="image grid-col">
                <img class="large" alt="impression image" src="{{$image}}"/>
            </div>
        </div>
        @endif
        <span class="styling"></span>
    </div>
</section>