<div class="slider">
    <div class="items">
        @foreach($page->slider as $key => $sliderItem)
            <div class="item @if($key == 'step_1') active @endif" data-item="{{$key}}">
                <h2>{{$sliderItem->translation->name}}</h2>
                {{$sliderItem->translation->description}}
            </div>
        @endforeach
        @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>
        @endif
    </div>
    <div class="arrows">
        <div class="arrow left"></div>
        <div class="arrow right"></div>
    </div>
    <div class="nav-items">
        <ul>
            @foreach($page->slider as $key => $sliderItem)
                <li class="@if($key == 'step_1') active @endif"
                    data-nav="{{$key}}"></li>
            @endforeach


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