@if (!empty($images))
    <div class="orbit {{$settings->sliderClass}}" role="region" data-orbit>
        <ul class="orbit-container">
            <li>
                <button class="orbit-previous" aria-label="previous">
                    <span class="show-for-sr">Předchozí</span>
                    <i class="fa fa-fw fa-2x fa-chevron-left"></i>
                </button>
            </li>
            <li>
                <button class="orbit-next" aria-label="next">
                    <span class="show-for-sr">Další</span>
                    <i class="fa fa-fw fa-2x fa-chevron-right"></i>
                </button>
            </li>

            @if ($settings->imagePerSlide == 'fullscreen')
                @foreach($images as $i => $image)
                    <li class="orbit-slide {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
                        <h2>{{$image->name}}</h2>
                        @if (isset($image->description) && !empty($image->description))
                            <h3>{{$image->description}}</h3>
                        @endif
                        <div class="img"
                             style="background-image: url({{config('app.upload_url')}}/{{$image->filename}})"></div>
                    </li>
                @endforeach
            @else
                @for($i = 0; $i < $slidesCount; $i++)
                    <li class="orbit-slide row {{$settings->slideContainerClass}} @if($i == 0)is-active @endif">
                        @for ($j = 0; $j < $settings->imagePerSlide; $j++)
                            @if (!isset($images[$i*$settings->imagePerSlide + $j]))
                                @break
                            @endif
                            <div class="column medium-{{$gridNumber}} small-6">
                                <img src="{{config('app.upload_url')}}/{{$images[$i*$settings->imagePerSlide + $j]->filename}}" alt="{{config('app.upload_url')}}/{{$images[$i*$settings->imagePerSlide + $j]->name}}"/>
                            </div>
                        @endfor
                    </li>
                @endfor
            @endif
        </ul>

        @if ($settings->displayBullets)
            <nav class="orbit-bullets">
                @for($i = 0; $i < $slidesCount; $i++)
                    <button @if($i == 0) class="is-active" @endif data-slide="{{$i}}"></button>
                @endfor
            </nav>
        @endif

        {!! $settings->code !!}
    </div>
@endif