<section class="inline-text" id="{{$blockId}}"
         data-image-location="@if(isset($page->translation->{$code_name}->location)){{$page->translation->{$code_name}->location}}@else{{'left'}}@endif">
    <div class="grid-row">
        @if(isset($preTitle) && $preTitle && $page->translation->{$code_name}->typeName != '')
            <h2>{{$page->translation->{$code_name}->typeName}}</h2>
        @endif

        @if(sizeof($page->translation->{$code_name}->images) <= 1)
            <div class="image-placeholder grid-col">
                <figure>
                    @if(sizeof($page->translation->{$code_name}->images) != 0)
                        @foreach(['large', 'medium', 'small'] as $imageSize)
                            <span class="{{$imageSize}}"
                                  style="background-image: url('{{ $page->translation->{$code_name}->images[0]->{$imageSize.'_image_url'} }}');"></span>
                        @endforeach
                    @endif
                </figure>
            </div>
        @else

            <div class="image-placeholder grid-col image-slider" id="inline-slider-{{$blockId}}">
                <div class="placeholder">

                    @foreach($page->translation->{$code_name}->images as $key => $imageSlide)

                        <figure data-order="{{$key}}" class="image-placeholder  @if($key == 0) active @endif ">

                            @foreach(['large', 'medium', 'small'] as $imageSize)
                                <span class="{{$imageSize}}"
                                      style="background-image: url('{{ $imageSlide->{$imageSize.'_image_url'} }}');"></span>
                            @endforeach

                        </figure>

                    @endforeach

                    <div class="controllers">
                        <div class="nav-item previous"
                             data-order="{{(sizeof($page->translation->{$code_name}->images) - 1)}}">
                            <span></span>
                        </div>

                        <div class="nav-item next" data-order="1">
                            <span></span>

                        </div>
                    </div>
                </div>
            </div>
        @endif

        <div class="content grid-col">

            @if(!isset($preTitle) || !$preTitle)
                <h3>{{$page->translation->{$code_name}->typeName}}</h3>
            @endif

            {{$page->translation->{$code_name}->description}}

            @if($page->code_name != 'surrounding')
                @if(isset($page->translation->{$code_name}->link) && $page->translation->{$code_name}->link != '')
                    <a class="button" href="{{$page->translation->{$code_name}->link}}">
                        {{$page->translation->{$code_name}->link_text}}
                    </a>
                @endif
            @else
                <a class="button internalLink down" href="#activities">
                    @if(isset($page->translation->{$code_name}->link_text) && $page->translation->{$code_name}->link_text != '')
                        {{$page->translation->{$code_name}->link_text}}
                    @else
                        Bekijk activiteiten
                    @endif
                </a>
            @endif
        </div>
    </div>
</section>