<?php $__env->startSection('meta'); ?>
    <title><?php echo \Illuminate\Support\Facades\Lang::get('translations.newsletter'); ?> - <?php echo ucfirst(trans('calender.months.'.$post->month)); ?> <?php echo $post->year; ?> | <?php echo $page->translation->meta_title; ?></title>
    <meta name="description" content="">
    <meta name="robots" content="noindex,follow">

    <?php if(isset($post->routeInOtherLanguages)): ?>
        <?php foreach($post->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-latest-news image-slider grid-col">

                    <?php /* Image */ ?>
                    <?php if($post->images->count() != 0): ?>
                        <figure>
                            <?php foreach($post->images as $key => $image): ?>
                                <div data-image="<?php echo $key; ?>" class="image <?php if($key == 0): ?> active <?php endif; ?>">
                                    <span class="medium"
                                          style="background-image: url('<?php echo $image->medium_image_url; ?>');"></span>
                                    <span class="large"
                                          style="background-image: url('<?php echo $image->large_image_url; ?>');"></span>
                                </div>
                            <?php endforeach; ?>
                            <?php if($post->images->count() > 1): ?>
                                <div class="image-slider-nav">
                                    <span class="previous nav-button" data-image="<?php echo sizeof($post->images)-1; ?>"></span>
                                    <span class="next nav-button" data-image="1"></span>
                                </div>
                            <?php endif; ?>
                        </figure>
                    <?php endif; ?>

                    <?php /* Latest newsitems */ ?>
                    <div class="latest-news-side-block">
                        <p><?php echo KommaLang::get('latestNews'); ?></p>

                        <?php echo $__env->make('layouts.partials.posts.listPosts', ['newsItems' => $news = $page->getNews(8)], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>

                        <a class="latest-news-footer" href="/<?php echo $page->translation->route->route; ?>">
                            <?php echo KommaLang::get('showAllNews'); ?>

                        </a>
                    </div>

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

                </div>

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

                        <?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><small><?php echo \Illuminate\Support\Facades\Lang::get('translations.newsletter'); ?></small><?php echo ucfirst(trans('calender.months.'.$post->month)); ?> <?php echo $post->year; ?></h1>

                            <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.newsletterDescription', ['month' => trans('calender.months.'.$post->month)]); ?></p>

                            <?php echo debug($post->file); ?>


                            <a target="_blank" href="<?php echo $post->files->first()->path; ?>" class="button download">
                                <?php echo \Illuminate\Support\Facades\Lang::get('translations.downloadNewsletter'); ?>
                            </a>

                            <p class="privacy"><?php echo \Illuminate\Support\Facades\Lang::get('translations.newsletterPrivacy'); ?></p>

                        </div>

                    </div>

                    <?php /* Next newsitems */ ?>
                    <?php echo $__env->make('layouts.partials.posts.nextNews', 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>
    </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', $('.news-detail .image-and-latest-news').height() + 200);

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