<section class="activities-row" id="activities">
    <div class="grid-row">

        <div class="activities-slider" id="activities-slider">
            <?php foreach($activities as $key => $activity): ?>
                <article <?php if($key == 0): ?> class="active" <?php endif; ?> data-order="<?php echo $key; ?>"
                         data-name="<?php echo $activity->translation->name; ?>">

                    <figure>
                        <?php if($activity->images->count() != 0): ?>
                            <?php foreach(['large', 'medium', 'small'] as $imageSize): ?>
                                <span class="<?php echo $imageSize; ?>"
                                      style="background-image: url('<?php echo $activity->images->first()->{$imageSize.'_image_url'}; ?>');"></span>
                            <?php endforeach; ?>
                        <?php endif; ?>
                    </figure>

                    <div class="information">

                        <h3><?php echo $activity->translation->name; ?></h3>

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


                            <?php if(isset($activity->translation->link) && $activity->translation->link != ''): ?>
                                <a href="<?php echo $activity->translation->link; ?>" class="button" target="_blank">
                                    <?php if(isset($activity->translation->link_text) && $activity->translation->link_text != ''): ?>
                                        <?php echo $activity->translation->link_text; ?>


                                    <?php else: ?>
                                        Reserveren
                                    <?php endif; ?>
                                </a>
                            <?php endif; ?>
                        </div>
                    </div>

                </article>
            <?php endforeach; ?>

            <div class="nav-item previous" data-order="<?php echo ($activities->count() - 1); ?>">
                <span></span>
                <p><?php echo $activities[($activities->count() - 1)]->translation->name; ?></p>
            </div>

            <div class="nav-item next" data-order="1">
                <span></span>
                <p><?php echo $activities[1]->translation->name; ?></p>
            </div>

        </div>

        <div class="waves">
            <div class="wave"><?php echo $__env->make('svg.wave', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></div>
            <div class="wave"><?php echo $__env->make('svg.wave', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></div>
            <div class="wave"><?php echo $__env->make('svg.wave', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?></div>
        </div>
    </div>

</section>