<div class="post-detail">
    <figure class="main <?php if($page->images->count() == 0): ?> no-images  <?php endif; ?>">
        <?php if($page->images->count() != 0): ?>
            <?php foreach($page->images as $key => $image): ?>
                <div data-image="<?php echo $key; ?>" class="detail-image <?php if($key == 0): ?> active <?php endif; ?>">
                    <div class="image xlarge"
                         style='background-image: url("<?php echo $image->original_image_url; ?>")'></div>
                    <div class="image large"
                         style='background-image: url("<?php echo $image->large_image_url; ?>")'></div>
                </div>
            <?php endforeach; ?>
        <?php endif; ?>
        <a class="category-icon <?php echo $page->categories->first()->code_name; ?> history-link"
           data-page="blog"
           data-post-page="<?php echo \Session::get('current_page', 1); ?>"
           <?php if(\Session::has('category')): ?>
           data-category="<?php echo $page->categories->first()->code_name; ?>"
           href="/<?php echo $links->blog->route; ?>/<?php echo $page->categories->first()->code_name; ?><?php if(\Session::get('current_page', 1) != 1): ?><?php echo '?page='.\Session::get('current_page', 1); ?><?php endif; ?>"
           data-url="/<?php echo $links->blog->route; ?>/<?php echo $page->categories->first()->code_name; ?><?php if(\Session::get('current_page', 1) != 1): ?><?php echo '?page='.\Session::get('current_page', 1); ?><?php endif; ?>"
           <?php else: ?>
           href="/<?php echo $links->blog->route; ?><?php if(\Session::get('current_page', 1) != 1): ?><?php echo '?page='.\Session::get('current_page', 1); ?><?php endif; ?>"
           data-url="/<?php echo $links->blog->route; ?><?php if(\Session::get('current_page', 1) != 1): ?><?php echo '?page='.\Session::get('current_page', 1); ?><?php endif; ?>"
                <?php endif; ?>
        >
            <span></span>
        </a>
        <?php if($page->images->count() > 1): ?>
            <div class="controls">
                <div class="next control" data-image="1"><?php echo \Illuminate\Support\Facades\Lang::get('translations.nextImage'); ?></div>
                <div class="previous control"
                     data-image="<?php echo $page->images->count() - 1; ?>"><?php echo \Illuminate\Support\Facades\Lang::get('translations.previousImage'); ?></div>
            </div>
        <?php endif; ?>

        <div class="open-relevant">
            <span>+</span>
        </div>
    </figure>


    <section class="relevant-posts <?php echo $page->categories->first()->code_name; ?>">
        <div class="shader"></div>
        <div class="content">
            <div class="close"><p><?php echo \Illuminate\Support\Facades\Lang::get('translations.close'); ?></p></div>
            <h3>
                <small><?php echo \Illuminate\Support\Facades\Lang::get('translations.moreFrom'); ?></small>
                <span><?php echo $page->categories->first()->translations->first()->name; ?></span>
            </h3>
            <div class="posts">
                <?php foreach($relevantPosts as $post): ?>
                    <article class="post">
                        <a href="/<?php echo $post->translation->route->route; ?>"
                           data-url="/<?php echo $post->translation->route->route; ?>"
                           data-article="<?php echo $post->id; ?>"
                           data-page="article"
                           class="history-link">
                            <h4><?php echo $post->translation->name; ?></h4>
                            <span class="date"><?php echo $post->date->format('d').' '.trans('translations.month-'.$post->date->format('m')).' '.$post->date->format('Y'); ?></span>
                        </a>
                    </article>
                <?php endforeach; ?>
            </div>
        </div>
    </section>

    <section class="detail-page full-image-block">
        <div class="content-container">
            <article class="right-content">
                <a href="/" data-url="/" data-page="home" class="history-link">
                    <div class="logo black">
                        <span></span>
                    </div>
                </a>

                <header>
                    <h1>
                        <?php echo $page->translation->name; ?>

                    </h1>
                    <p class="date">
                        <?php echo $page->date->format('d M Y'); ?>

                    </p>
                </header>

                <div class="text">
                    <?php echo $page->translation->description; ?>

                </div>

                <div class="post-info">
                    <div class="stripe"></div>
                    <div class="info">
                        <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.writenBy'); ?>:</span>
                        <?php echo $page->author; ?>

                    </div>
                    <div class="info">
                        <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.publishedOn'); ?>:</span>
                        <p><?php echo $page->date->format('d').' '.trans('translations.month-'.$page->date->format('m')).' '.$page->date->format('Y'); ?>

                    </div>
                </div>

                <div class="comments">
                    <div class="fb-comments"
                         data-href="<?php if(isset($page->ajax) && $page->ajax): ?><?php echo \Request::root().$page->url; ?><?php else: ?><?php echo \Request::url(); ?><?php endif; ?>"
                         data-width="100%"
                         data-numposts="3"></div>
                </div>

                <footer>
                    <div class="navigation">
                        <a class="moveDetailUp top nav-block">
                            <span></span>
                        </a>
                        <?php if(isset($page->previous)): ?>
                            <a
                                    href="/<?php echo $page->previous->translation->route->route; ?>"
                                    data-url="/<?php echo $page->previous->translation->route->route; ?>"
                                    data-article="<?php echo $page->previous->id; ?>"
                                    data-page="article"
                                    class="previous nav-block history-link">
                                <div class="icon"></div>
                                <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.previousItem'); ?></span>
                            </a>
                        <?php endif; ?>
                        <?php if(isset($page->next)): ?>
                            <a
                                    href="/<?php echo $page->next->translation->route->route; ?>"
                                    data-url="/<?php echo $page->next->translation->route->route; ?>"
                                    data-article="<?php echo $page->next->id; ?>"
                                    data-page="article"
                                    class="next nav-block history-link">
                                <div class="icon"></div>
                                <span><?php echo \Illuminate\Support\Facades\Lang::get('translations.nextItem'); ?></span>
                            </a>
                        <?php endif; ?>
                    </div>

                    <div class="social-link">


                        <p><?php echo \Illuminate\Support\Facades\Lang::get('translations.followUs'); ?></p>

                        <span class="icons">
                        <a href="<?php echo \Config::get('business.twitter'); ?>"><span class="twitter"></span></a>
                        <a href="<?php echo \Config::get('business.linkedin'); ?>"><span class="linkedin"></span></a>
                        <a href="<?php echo \Config::get('business.facebook'); ?>"><span class="facebook"></span></a>
                    </span>

                    </div>
                </footer>

            </article>

        </div>
    </section>
</div>

<?php if(isset($page->ajax) && $page->ajax): ?>
    <script id="productJs" type="text/javascript" src="/js/productDetail.js"></script>
<?php endif; ?>