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

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

            <div class="image-placeholder grid-col image-slider" id="inline-slider-<?php echo $blockId; ?>">
                <div class="placeholder">

                    <?php foreach($page->translation->{$code_name}->images as $key => $imageSlide): ?>

                        <figure data-order="<?php echo $key; ?>" class="image-placeholder  <?php if($key == 0): ?> active <?php endif; ?> ">

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

                        </figure>

                    <?php endforeach; ?>

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

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

                        </div>
                    </div>
                </div>
            </div>
        <?php endif; ?>

        <div class="content grid-col">

            <?php if(!isset($preTitle) || !$preTitle): ?>
                <h3><?php echo $page->translation->{$code_name}->typeName; ?></h3>
            <?php endif; ?>

            <?php echo $page->translation->{$code_name}->description; ?>


            <?php if($page->code_name != 'surrounding'): ?>
                <?php if(isset($page->translation->{$code_name}->link) && $page->translation->{$code_name}->link != ''): ?>
                    <a class="button" href="<?php echo $page->translation->{$code_name}->link; ?>">
                        <?php echo $page->translation->{$code_name}->link_text; ?>

                    </a>
                <?php endif; ?>
            <?php else: ?>
                <a class="button internalLink down" href="#activities">
                    <?php if(isset($page->translation->{$code_name}->link_text) && $page->translation->{$code_name}->link_text != ''): ?>
                        <?php echo $page->translation->{$code_name}->link_text; ?>

                    <?php else: ?>
                        Bekijk activiteiten
                    <?php endif; ?>
                </a>
            <?php endif; ?>
        </div>
    </div>
</section>