<section class="houses-row">
    <div class="grid-row">
        <div class="map-side">
            <h2><?php echo KommaLang::get('mapTitle'); ?></h2>
            <div id="house-map" class="loaded"  onmousemove="updateMapTooltip(event)">
                <?php echo $__env->make('svg.housesMap', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            </div>

            <?php foreach($houses as $house): ?>
                <a id="<?php echo $house->code_name; ?>-tooltip" class="tooltip" href="/<?php echo $house->translation->route->route; ?>">
                    <h3><?php echo $house->translation->name; ?></h3>
                    <img alt="house <?php echo $house->translation->name; ?>" src="/img/houses/<?php echo $house->code_name; ?>.jpg"/>
                    <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.moreInfo'); ?></span>
                </a>
            <?php endforeach; ?>

        </div>

        <div class="side-text">

            <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.mapSideText'); ?></p>

            <div class="filters">
                <p class="filter-on"><?php echo \Illuminate\Support\Facades\Lang::get('translations.filterOn'); ?></p>
                <p class="legend-title"><?php echo \Illuminate\Support\Facades\Lang::get('translations.legend'); ?></p>

                <?php foreach(['luxe-6','xluxe-6','luxe-8','xluxe-8','luxe-10','xluxe-10'] as $type): ?>

                    <?php if(in_array($type, ['luxe-8', 'luxe-10'])): ?>
                        <hr/>
                    <?php endif; ?>

                    <div class="check" data-type="<?php echo $type; ?>">
                        <span class="icon">
                            <?php echo $__env->make('svg.checkbox', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        </span>
                        <span class="legenda-item <?php echo $type; ?>">
                        </span>
                        <p>
                            <?php echo \Illuminate\Support\Facades\Lang::get('translations.houses.'.$type); ?>
                        </p>
                    </div>
                <?php endforeach; ?>
            </div>

            <div class="more-info-about">
                <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.moreInfoHouses'); ?></p>
                <?php foreach($houses as $house): ?>
                    <a id="<?php echo $house->code_name; ?>-link" class="button" href="/<?php echo $house->translation->route->route; ?>">
                        <?php echo $house->translation->name; ?>

                    </a>
                <?php endforeach; ?>
            </div>

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

<script defer src="/js/houseMap.js"></script>