<section class="article-grid content-container" id="blog">

    <div class="posts-categories">
        <div class="text">
            <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.sortOnCategory'); ?></p>
        </div>
        <div class="blocks">
            <?php echo $__env->make('layouts.partials.posts.categories', ['withName' => true], array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        </div>
        <div class="placeholder"></div>
    </div>

    <div class="blog-info">
        <a href="/" data-url="/" data-page="home" class="history-link">
            <div class="logo">
                <span></span>
            </div>
        </a>
        <div class="text">
            <?php echo $page->content->blog->translation->description; ?>

        </div>
        <div class="categories-inline">
            <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.sortOnCategory'); ?></p>
            <?php echo $__env->make('layouts.partials.posts.categories', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        </div>
    </div>

    <?php foreach($posts as $post): ?>
        <article data-category="<?php echo $post->categories->first()->code_name; ?>"
                 <?php if($post->images->count() != 0): ?> style="background-image: url('<?php echo $post->images->first()->medium_image_url; ?>');" <?php endif; ?>>
            <a data-page="article" data-article="<?php echo $post->id; ?>" data-url="/<?php echo $post->translation->route->route; ?>" href="/<?php echo $post->translation->route->route; ?>" class="history-link">
                <span></span>
                <p><?php echo $post->translation->name; ?></p>
            </a>
        </article>
    <?php endforeach; ?>

    <?php for($i = 0; $i < (6 - $posts->count()); $i++): ?>
        <article class="placeholder"></article>
    <?php endfor; ?>


    <div class="next-page <?php if( ! ($posts->getLastPage() != $posts->getCurrentPage())): ?> disable <?php endif; ?>">

        <?php if($posts->getLastPage() != $posts->getCurrentPage()): ?>
            <a  id="nextPage" <?php if(isset($activeCategory)): ?>
               href="/<?php echo $links->blog->route .'/'.$activeCategory.'?page='.($posts->getCurrentPage() + 1); ?>"
               data-url="/<?php echo $links->blog->route .'/'.$activeCategory.'?page='.($posts->getCurrentPage() + 1); ?>"
               data-category="<?php echo $activeCategory; ?>"
               <?php else: ?>
               href="/<?php echo $links->blog->route .'?page='.($posts->getCurrentPage() + 1); ?>"
               data-url="/<?php echo $links->blog->route .'?page='.($posts->getCurrentPage() + 1); ?>"
               <?php endif; ?>
               data-post-page="<?php echo $posts->getCurrentPage() + 1; ?>"
               data-page="blog"
               data-direction="next"
               class="history-link">


                <div class="placeholder">
                    <div class="arrow"></div>
                    <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.nextItems'); ?></span>
                </div>
            </a>
        <?php else: ?>
            <p class="align-middle">
                <?php echo \Illuminate\Support\Facades\Lang::get('translations.noNextPage'); ?>
            </p>
        <?php endif; ?>

    </div>

    <div class="previous-page <?php if( ! ($posts->getCurrentPage() != 1)): ?> disable <?php endif; ?>">
        <?php if($posts->getCurrentPage() != 1): ?>


            <a id="previousPage" <?php if(isset($activeCategory)): ?>
               href="/<?php echo $links->blog->route .'/'.$activeCategory.'?page='.($posts->getCurrentPage() - 1); ?>"
               data-url="/<?php echo $links->blog->route .'/'.$activeCategory.'?page='.($posts->getCurrentPage() - 1); ?>"
               data-category="<?php echo $activeCategory; ?>"
               <?php else: ?>
               href="/<?php echo $links->blog->route .'?page='.($posts->getCurrentPage() - 1); ?>"
               data-url="/<?php echo $links->blog->route .'?page='.($posts->getCurrentPage() - 1); ?>"
               <?php endif; ?>
               data-post-page="<?php echo $posts->getCurrentPage() - 1; ?>"
               data-page="blog"
               data-direction="previous"
               class="history-link">

                <div class="placeholder">
                    <div class="arrow"></div>
                    <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.previousItems'); ?></span>
                </div>
            </a>
        <?php else: ?>

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

            <?php /*<p class="align-middle">*/ ?>
                <?php /*<?php echo \Illuminate\Support\Facades\Lang::get('translations.stayTuned'); ?>*/ ?>
            <?php /*</p>*/ ?>
        <?php endif; ?>
    </div>
</section>