<?php $__env->startSection('meta'); ?>
    <title><?php echo KommaLang::get('interviewWith'); ?> <?php echo $reference->name; ?> | <?php echo $page->translation->meta_title; ?></title>
    <meta name="description" content="<?php echo $reference->translation->meta_description; ?>">

    <?php if(isset($reference->routeInOtherLanguages)): ?>
        <?php foreach($reference->routeInOtherLanguages as $routeInOtherLanguage): ?>
            <link rel="alternate" hreflang="<?php echo $routeInOtherLanguage->iso_2; ?>"
                  href="<?php echo \URL::to($routeInOtherLanguage->route->route); ?>"/>
        <?php endforeach; ?>
    <?php endif; ?>

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

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

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


                <?php /* Impression block */ ?>
                <div class="image-and-streamer image-slider grid-col">

                    <?php /* Streamer */ ?>
                    <div class="streamer">
                        <p>‘<?php echo $reference->translation->streamer; ?>’</p>
                    </div>

                    <?php /* Image */ ?>
                    <?php if($reference->images->count() != 0): ?>

                        <figure>
                            <?php if(isset($reference->images->first()->large_image_url) && $reference->images->first()->large_image_url != ''): ?>
                                <img class="large" alt="<?php echo $reference->name; ?>"
                                     src="<?php echo $reference->images->first()->large_image_url; ?>"/>
                            <?php endif; ?>
                            <img class="medium <?php if(!(isset($reference->images->first()->large_image_url) && $reference->images->first()->large_image_url != '')): ?> active <?php endif; ?>"
                                 alt="<?php echo $reference->name; ?>"
                                 src="<?php echo $reference->images->first()->medium_image_url; ?>"/>

                            <span><?php echo $reference->name; ?></span>
                        </figure>
                    <?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">
                        <a href="/<?php echo $page->translation->route->route; ?>">
                            <?php echo KommaLang::get('returnTo'); ?> ‘<?php echo $page->translation->name; ?>’
                        </a>
                    </div>

                    <?php /* Loaded content */ ?>
                    <div class="content">
                        <h1><?php echo KommaLang::get('interviewWith'); ?> <?php echo $reference->name; ?></h1>
                        <?php /*<h1><?php echo $post->translation->name; ?></h1>*/ ?>
                        <?php /*<span class="date"><?php echo $post->getDate()->format('d'); ?> <?php echo \Illuminate\Support\Facades\Lang::get('calender.months.'.$post->getDate()->format('n')); ?> <?php echo $post->getDate()->format('Y'); ?></span>*/ ?>
                        <?php echo $reference->translation->description; ?>



                        <?php
                        $nextInterview = $page->school->references()->orderBy('references.lft',
                            'desc')->where('references.lft', '<', $reference->lft)->where('references.id', '!=',
                                $reference->id)->first();
                        ?>
                        <?php if(isset($nextInterview)): ?>
                            <?php
                            $nextInterviewRoute = $nextInterview->translations()->first()->routes->filter(function ($route) use ($page) {
                                if (starts_with($route->route, $page->translation->route->route)) {
                                    return $route->route;
                                }
                            })->first();
                        ?>
                            <?php if(!empty($nextInterviewRoute)): ?>
                                <a class="button" href="/<?php echo $nextInterviewRoute->route; ?>">
                                    <?php echo KommaLang::get('interviewWith'); ?> <?php echo $nextInterview->name; ?>

                                </a>
                            <?php endif; ?>
                        <?php endif; ?>

                    </div>

                    <div class="other-references">
                        <h2><?php echo KommaLang::get('otherInterviews'); ?></h2>
                        <div class="references-placeholder">
                            <?php foreach($page->school->references()->with('translations','translations.routes', 'images')->orderBy('references.lft', 'asc')->where('references.id', '!=', $reference->id)->get()->take(8) as $key => $otherReference): ?>
                                <?php
                            $referenceRoute = $otherReference->translations->first()->routes->filter(function (
                                $route
                            ) use ($page) {
                                if (starts_with($route->route, $page->translation->route->route)) {
                                    return $route->route;
                                }
                            })->first();
                        ?>
                                <?php if(!empty($referenceRoute)): ?>
                                    <a class="other-reference" href="/<?php echo $referenceRoute->route; ?>"
                                       <?php if($otherReference->images->count() != 0): ?> style="background-image: url('<?php echo $otherReference->images->first()->medium_image_url; ?>');" <?php endif; ?>>
                                        <p>
                                            <?php /*<?php echo $otherReference->name; ?>*/ ?>
                                        </p>
                                    </a>
                                <?php endif; ?>
                            <?php endforeach; ?>
                        </div>
                    </div>

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

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

<?php $__env->startSection('extra-js'); ?>
    <script src="/js/jquery.touchSwipe.min.js"></script>
    <script src="/js/overviewSlider.js"></script>
    <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', $('.reference .image-and-streamer').height() + 200);

            // Resizing for the grey block on (default)pages
            var greyHeight = $('.content-placeholder .main').height() - $('.reference .image-and-streamer').height() + 130;
            var greyWidth = ($('.content-placeholder').width() - $('.reference .content-placeholder>.grid-row').width()) / 2 + $('.reference .image-and-streamer').width();
            $('.grey-block').height(greyHeight).width(greyWidth);
        }
    </script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.master', ['view' => 'reference'], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>