<div class="image-slider {{$extraClass or ''}}">
    <div class="content">
        <div class="brand"></div>

        @if(sizeof($images) > 1)
            <div class="controllers">
                <div class="left control" data-button="0"><span class="background"></span></div>
                <div class="right control" data-button="0"><span class="background"></span></div>
            </div>
        @endif
    </div>
    <div class="images">
        @foreach($images as $key =>$image)
            <span data-image="{{$key}}" class="image large @if($images[0] == $image) active @endif" style="background-image: url('{{$image}}.jpg');"></span>
            <span data-image="{{$key}}" class="image small @if($images[0] == $image) active @endif" style="background-image: url('{{$image}}-small.jpg');"></span>
        @endforeach
    </div>
</div>