<div class="dynamic-block content-block"
     data-image-location="{{$block->location}}">

    <div class="image">

        @if(isset($block->images) && sizeof($block->images) > 1)
            <div id="image-slider-{{$order}}" class="image-slider">
                <div class="placeholder">
                    @foreach($block->images as $imageSlide)
                        <figure data-order="{{$loop->index}}" class="image-placeholder">
                            @foreach(['large', 'medium', 'small'] as $imageSize)
                                <span class="{{$imageSize}}"
                                      style="background-image: url('{{ $imageSlide[$imageSize] }}');"></span>
                            @endforeach
                        </figure>
                    @endforeach

                    <div class="controllers">
                        <div class="nav-item previous"
                             data-order="{{(sizeof($block->images) - 1)}}">
                            <span>@include('site.svg.arrow')</span>
                        </div>

                        <div class="nav-item next" data-order="1">
                            <span>@include('site.svg.arrow')</span>
                        </div>
                    </div>
                </div>
            </div>
        @elseif(isset($block->images) && sizeof($block->images) == 1)
            <picture>
                <source media="(max-width: 840px)" srcset="{{ $block->images[0]['medium'] }}">
                <source media="(max-width: 1050px)" srcset="{{ $block->images[0]['small'] }}">
                <img src="{{ $block->images[0]['medium'] }}" alt="image">
            </picture>
        @else
            <span class="image-placeholder"></span>
        @endif

    </div>

    <div class="content kms-content">

        {!! $block->description !!}

    </div>
</div>