<?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(); ?>

        <?php if(isset($page->content)): ?>
            <div class="content-placeholder">

                <?php /* Make extra block for the creative backgrounds in this design :p */ ?>
                <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 /* Quote */ ?>
                        <div class="quote">
                            <p>‘<?php echo $page->content->translation->name; ?>’</p>
                        </div>

                        <?php /* Image */ ?>
                        <?php if($page->content->images->count() != 0): ?>
                            <img alt="<?php echo $page->translation->name; ?>"
                                 src="<?php echo $page->content->images->first()->medium_image_url; ?>"/>
                        <?php endif; ?>

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

                    </div>

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

                        <div class="main-placeholder">
                            <?php /* Return link */ ?>
                            <div class="return-link">
                                <?php
                                $pageParent = $page->getParent();
                                $pageParentCodeName = $pageParent->code_name;
                                if (\Illuminate\Support\Str::endsWith($pageParentCodeName, '-actual')) {
                                    $pageParentCodeName .= '-news';
                                }
                                ?>
                                <a href="/<?php echo $links->{$pageParentCodeName}->route; ?>">
                                    <?php echo KommaLang::get('returnTo'); ?> ‘<?php echo $links->{$pageParentCodeName}->name; ?>’
                                </a>
                            </div>

                            <div class="content">
                                <h1><?php echo $page->translation->name; ?></h1>
                            </div>

                            <a class="button" target="_blank" href="<?php echo $page->school->documents()->where('code_name', 'activity-'.$page->school->type )->first()->file->path; ?>">
                                <?php echo KommaLang::get('downloadActivityCalender'); ?>

                            </a>

                        </div>

                        <?php /* Calender overview */ ?>
                        <?php echo $__env->make('layouts.partials.calender.overview', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

                        <div class="main-placeholder">
                            <?php /* Relevant pages */ ?>
                            <?php echo $__env->make('layouts.partials.relevantPages', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                        </div>
                    </div>
                </div>
            </div>
        <?php endif; ?>

    </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', $('.calenderPage .page-impression').height() + 200);

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

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