<section class="house-header">
    <div class="background"></div>

    <div class="grid-row">

        <div class="placeholder">
            <div class="image-slider" id="house-slider">
                <div class="placeholder">

                    <?php foreach($house->images as $key => $imageSlide): ?>

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

                            <?php foreach(['large', 'medium'] 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($house->images) - 1); ?>">
                            <span></span>
                        </div>

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

                        </div>
                    </div>
                </div>
            </div>

            <div class="title-placeholder">
                <h1><?php echo $house->translation->name; ?></h1>
            </div>

            <div class="map" id="<?php echo $house->code_name; ?>">
                <?php echo $__env->make('svg.housesMap', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            </div>

        </div>
    </div>

</section>