<div class="slider">
    <div class="items">
        <?php foreach($page->slider as $key => $sliderItem): ?>
            <div class="item <?php if($key == 'step_1'): ?> active <?php endif; ?>" data-item="<?php echo $key; ?>">
                <h2><?php echo $sliderItem->translation->name; ?></h2>
                <?php echo $sliderItem->translation->description; ?>

            </div>
        <?php endforeach; ?>
        <?php if($page->slider->count() == 0): ?>
                <div class="item active">
                    <h2>Voeg stappen toe</h2>
                    <p>Klik bij het over ons/werkwijze bij stappenplan om deze toe te voegen.</p>
                </div>
        <?php endif; ?>
    </div>
    <div class="arrows">
        <div class="arrow left"></div>
        <div class="arrow right"></div>
    </div>
    <div class="nav-items">
        <ul>
            <?php foreach($page->slider as $key => $sliderItem): ?>
                <li class="<?php if($key == 'step_1'): ?> active <?php endif; ?>"
                    data-nav="<?php echo $key; ?>"></li>
            <?php endforeach; ?>


        </ul>
    </div>
</div>