<?php $__env->startSection('editable_content'); ?>

    <div class="image-wrapper">
        <?php echo $__env->make('layouts.partials.navigation', ['sitemap' => true], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

        <div class="content-placeholder">

            <?php /* Make extra block for the creative backgrounds in this design :p */ ?>
            <div class="background"></div>
            <div class="grey-block"></div>

            <div class="grid-row">
                <span class="right-icon styling"></span>


                <?php /* Impression block */ ?>
                <div class="page-impression grid-col">

                    <?php /* Image */ ?>
                    <img alt="impression image"
                         src="/img/zuiderbos-header.jpg"/>

                    <span class="left-icon styling"></span>

                </div>

                <?php /* Main content block */ ?>
                <div class="grid-col main">
                    <div class="content">
                        <h1>Sitemap</h1>
                        <ul id="school-sitemap">

                            <?php echo $__env->make('layouts.partials.sitemapLoop', ['sitemapItem' => $page], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('extra-js'); ?>
    <script>
        $(function () {

            resizeMyPage();

            $(window).resize(
                $.throttle(100, resizeMyPage)
            );
        });

        function resizeMyPage() {
            // Main content must be at least 200px higher then the impression block
            $('.content-placeholder .main').css('min-height', $('.page .page-impression').height() + 200);

            // Resizing for the grey block on (default)pages
            var greyHeight = $('.content-placeholder .main').height() - $('.page .page-impression').height() + 100;
            var greyWidth = ($('.content-placeholder').width() - $('.page .content-placeholder>.grid-row').width()) / 2 + $('.page .page-impression').width();
            $('.grey-block').height(greyHeight).width(greyWidth);
        }
    </script>

<?php $__env->stopSection(); ?>




<?php echo $__env->make('layouts.master', ['view' => 'page sitemap'], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>