<section class="jobs-overview" id="vacatures">
    <div class="grid-row">
        <div class="overview-placeholder grid-col col-6">
            <?php /* Make header and pagination if needed */ ?>
            <div class="overview-header grid-row full-row">
                <h4 class="grid-col col-7"><?php echo KommaLang::get('jobsOverviewTitle'); ?></h4>
            </div>
            <?php if(!empty($jobs) && count($jobs) > 0): ?>
                <div class="grid-row full-row articles">
                <?php /* Loop through reference for this pagination page*/ ?>
                    <?php foreach($jobs as $key => $job): ?>
                        <article class="job">
                            <div class="content">
                                <h2><?php echo $job->name; ?></h2>
                                <div class="inner-content">
                                    <?php echo !empty($job->translation->description) ? $job->translation->description : ''; ?>

<?php /*                                    <?php if(!empty($job->files->first()->path)): ?><a target="_blank" href="<?php echo $job->files->first()->path; ?>">Download PDF<br/><span>voor meer informatie</span></a> <?php endif; ?>*/ ?>

                                    <div class="job-info">
                                        <?php 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>
                                            <?php echo $job->pay; ?>

                                        </div>
                                        <?php endif; ?>

                                        <?php 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>
                                            <?php echo $job->contract; ?>

                                        </div>
                                        <?php endif; ?>

                                        <?php 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>
                                            <?php echo $job->possibilities; ?>

                                        </div>
                                        <?php endif; ?>
                                    </div>


                                    <a class="no-icon" href="<?php echo $job->translation->route->route; ?>">
                                        Meer informatie
                                    </a>

                                </div>
                            </div>
                        </article>
                    <?php endforeach; ?>
                </div>
            <?php 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>
            <?php endif; ?>


            <div class="overview-header grid-row full-row  overview-header--additional-top">
                <h4 class="grid-col col-7"><?php echo KommaLang::get('internsOverviewTitle'); ?></h4>
            </div>
            <?php if(!empty($interns) && count($interns) > 0): ?>
                <div class="grid-row full-row articles">
                    <?php /* Loop through reference for this pagination page*/ ?>
                    <?php foreach($interns as $key => $intern): ?>
                        <article class="intern">
                            <div class="content">
                                <h2><?php echo $intern->name; ?></h2>
                                <div class="inner-content">
                                <p><?php echo !empty($intern->translation->description) ? $intern->translation->description : ''; ?></p>
                                    <?php if(!empty($intern->files->first()->path)): ?><a target="_blank" href="<?php echo $intern->files->first()->path; ?>">Download PDF<br/><span>voor meer informatie</span></a> <?php endif; ?>
                                </div>
                            </div>
                        </article>
                    <?php endforeach; ?>
                </div>
            <?php 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>
            <?php endif; ?>
        </div>
        <?php 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="<?php echo $image; ?>"/>
            </div>
        </div>
        <?php endif; ?>
        <span class="styling"></span>
    </div>
</section>