<section class="candidates grid-row">

    <div class="placeholder">

        <?php foreach($colleagues as $key => $colleague): ?>
            <article>

                <div class="person">

                    <?php if( isset($colleague->image) ): ?>
                        <figure>
                            <span style="background-image: url('<?php echo $colleague->image->large_image_url; ?>'); "></span>
                        </figure>
                    <?php endif; ?>

                    <div class="wrapper <?php if( isset($colleague->image) ): ?> with-image <?php endif; ?>">
                        <div class="title">
                            <h3>
                                <span><?php echo $key+1; ?>.</span>
                                <strong><?php echo $colleague->name; ?></strong>
                            </h3>
                            <h4><?php echo \Illuminate\Support\Facades\Lang::get('translations.cities.'.$colleague->city); ?></h4>
                        </div>

                        <div class="description">
                            <?php echo $colleague->translation->description; ?>

                        </div>
                    </div>

                </div>

                <div class="why-cranendonck <?php if( isset($colleague->image) ): ?> with-image <?php endif; ?>">
                    <h5><?php echo \Illuminate\Support\Facades\Lang::get('translations.whyCranendonck'); ?></h5>
                    <?php echo $colleague->translation->description2; ?>

                </div>

            </article>
        <?php endforeach; ?>

    </div>

</section>