<div class="steps" data-count="{{ $page->slider->count() }}">

    @foreach($page->slider as $key => $sliderItem)
        <div class="step">
            <span class="step-number">{{ $key + 1 }}</span>
            <div class="step-content">
                <h2>{{$sliderItem->translation->name}}</h2>
                {{$sliderItem->translation->description}}
            </div>
        </div>
    @endforeach

    @if($page->slider->count() == 0)
        <div class="step">
            <h2>Voeg stappen toe</h2>
            <p>Klik bij het over ons/werkwijze bij stappenplan om deze toe te voegen.</p>
        </div>
    @endif

</div>