<?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="background"></div>
                <div class="grey-block"></div>

                <div class="grid-row">
                    <span class="right-icon styling <?php if($page->content->images->count() == 0): ?> extra-margin-top <?php endif; ?>"></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): ?>

                            <?php if(ends_with($page->code_name, 'future-student-outflow') || $page->code_name == 'foundation-organisation'): ?>
                                <a href="<?php echo $page->content->images->first()->large_image_url; ?>" data-lightbox="image-slider">
                                    <?php endif; ?>

                                    <img class="medium" alt="<?php echo $page->translation->name; ?>"
                                         src="<?php echo $page->content->images->first()->medium_image_url; ?>"/>
                                    <img class="large" alt="<?php echo $page->translation->name; ?>"
                                         src="<?php echo $page->content->images->first()->large_image_url; ?>"/>

                                    <?php if(ends_with($page->code_name, 'future-student-outflow') || $page->code_name == 'foundation-organisation'): ?>
                                </a>
                            <?php endif; ?>

                        <?php endif; ?>

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

                    </div>

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

                        <?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>

                        <?php /* Loaded content */ ?>
                        <div class="content">
                            <?php echo $page->content->translation->description['content']->description; ?>


                            <?php if(ends_with($page->code_name, '-documentation') && $page->code_name != 'foundation-documentation'): ?>
                                <?php echo $__env->make('layouts.partials.documents.schoolDocuments', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                            <?php elseif($page->code_name == 'foundation-documentation'): ?>
                                <?php echo $__env->make('layouts.partials.foundation.documents', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                            <?php endif; ?>

                        </div>

                        <?php /* Contact button */ ?>
                        <?php if(isset($page->content->translation->description['content']->link) && $page->content->translation->description['content']->link != ''): ?>
                            <a class="button" href="<?php echo $page->content->translation->description['content']->link; ?>">
                                <?php echo $page->content->translation->description['content']->link_text; ?>

                            </a>
                        <?php endif; ?>

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

                    </div>
                </div>
            </div>
        <?php else: ?>
            <p><?php echo $page->code_name; ?></p>
        <?php endif; ?>

        <?php echo $__env->make('layouts.partials.academy.service-cta', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>


    </div>

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

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

    <?php if(ends_with($page->code_name, 'future-student-outflow') || $page->code_name == 'foundation-organisation'): ?>
        <script src="/packages/lightbox/js/lightbox.min.js"></script>
        <link rel="stylesheet" href="/packages/lightbox/css/lightbox.min.css"/>
    <?php endif; ?>
    <script>
        $(function () {

            <?php if(ends_with($page->code_name, 'future-student-outflow') || $page->code_name == 'foundation-organisation'): ?>
                lightbox.option({
                'resizeDuration': 400,
                'albumLabel': 'Afbeelding %1 van de %2',
                'disableScrolling': true,
            });
            <?php endif; ?>

            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'], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>