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

    <div class="image-wrapper">
        <?php echo $__env->make('layouts.partials.navigation', 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 */ ?>
                <?php /*<div class="background"></div>*/ ?>
                <div class="grey-block"></div>

                <div class="grid-row">

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

                        <?php /* Calender */ ?>
                        <section class="calender grid-col">

                            <a href="/<?php echo $links->{$page->root->code_name.'-actual-calender'}->route; ?>">

                                <?php /* Calender Header */ ?>
                                <h3><?php echo KommaLang::get('home_agenda_title'); ?></h3>

                                <?php /* Load calender list */ ?>
                                <?php echo $__env->make('layouts.partials.calender.list', ['calenderItems' => $page->school->calenderItems()->with('translation')->orderBy('calender.date', 'asc')->where('active', 1)->where('calender.date', '>=', \Carbon\Carbon::today())->get()], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

                                <?php /* Calender Link / Footer */ ?>
                                <div class="link-block">
                                    <span>
                                        <?php echo KommaLang::get('full_agenda'); ?>

                                    </span>
                                </div>
                            </a>
                        </section>

                        <?php /* Vacation planning link */ ?>
<?php /*                        <div class="vacation-link">*/ ?>
<?php /*                            <a href="/<?php echo $links->{$page->root->code_name.'-actual-vacation'}->route; ?>">*/ ?>
<?php /*                                <p><?php echo KommaLang::get('showVacationPlanning'); ?></p>*/ ?>
<?php /*                                <span><?php echo KommaLang::get('readMore'); ?></span>*/ ?>
<?php /*                            </a>*/ ?>
<?php /*                        </div>*/ ?>

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

                    </div>

                    <?php /* Main content block */ ?>
                    <div class="grid-col main">

                        <div class="main-placeholder">

                            <?php /* Load news and seperate first newsitem */ ?>
                            <?php echo $__env->make('layouts.partials.posts.index', ['news' => $news], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>


                            <?php /* Relevant pages */ ?>
<?php /*                            <?php echo $__env->make('layouts.partials.relevantPages', ['findChildren' => true], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>*/ ?>
                        </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', $('.actual .page-impression').height() + 200);

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

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