<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>
                            </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>
        <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>
        <span class="styling"></span>
    </div>
</section>