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

    <div class="grid-row full-row image-header">
        <?php if(isset($page->images[0])): ?>
            <figure class="image-header-content" style="background-image: url('<?php echo $page->images[0]->original_image_url; ?>')"></figure>
        <?php else: ?>
            <figure class="image-header-content" style="background-image: url('/img/structure/fallback/fallback.jpg')"></figure>
        <?php endif; ?>

        <div class="wave">
            <img src="/img/structure/wave-reversed.svg" alt="Wave">
        </div>
    </div>

    <div class="grid-row page-header">
        <div class="grid-col col-12">
            <div class="page-header-wrapper">
                <h1><?php echo \Illuminate\Support\Facades\Lang::get('translations.news'); ?></h1>
                <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.currentNewsItems'); ?></p>
            </div>
        </div>
    </div>

    <?php foreach($posts as $key => $post): ?>

        <?php if($key % 2 == 0): ?>
            <div class="grid-row newsItem-block">
                <div class="grid-col col-4 col-sm-12 content-image">
                    <?php if(!empty($post->medium_image_url)): ?>
                        <a href="/<?php echo $post->route; ?>"><img src="<?php echo $post->medium_image_url; ?>" alt=""></a>
                    <?php endif; ?>
                </div>
                <div class="grid-col col-8 col-sm-12 content-description">

                    <a href="/<?php echo $post->route; ?>"><h2><?php echo $post->name; ?></h2></a>

                    <span class="date"><?php echo $post->date; ?></span>

                    <?php if(strlen($post->description) >= 255): ?>
                        <?php echo substr($post->description, 0, 255) . '...';; ?>

                    <?php else: ?>
                        <?php echo $post->description; ?>

                    <?php endif; ?>
                    <br />

                    <a href="/<?php echo $post->route; ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.readMore'); ?></a>

                </div>
            </div>
        <?php else: ?>
            <div class="grid-row newsItem-block blue-bg">
                <div class="grid-col col-4 col-sm-12 content-image">
                    <a href="/<?php echo $post->route; ?>"><img src="<?php echo $post->medium_image_url; ?>" alt=""></a>
                </div>
                <div class="grid-col col-8 col-sm-12 content-description">

                    <a href="/<?php echo $post->route; ?>"><h2><?php echo $post->name; ?></h2></a>

                    <span class="date"><?php echo $post->date; ?></span>

                    <?php if(strlen($post->description) >= 255): ?>
                        <?php echo substr($post->description, 0, 255) . '...';; ?>

                    <?php else: ?>
                        <?php echo $post->description; ?>

                    <?php endif; ?>
                    <br />

                    <a href="/<?php echo $post->route; ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.readMore'); ?></a>

                </div>
            </div>
        <?php endif; ?>


    <?php endforeach; ?>




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