{% set page_title = 'Minimal Classic Agency - Single Post' %}
{% set post = posts[5] %}
{% set header_title = post.title %}
{% set header_show = true %}
{% set header_title_show = false %}
{% set header_image = post.thumb_full %}
{% extends 'layouts/layout-minimal-classic-agency.html' %}

{% block content %}
    <div class="container">
        <div class="row">
            <div class="col-lg-8 offset-lg-2">
                <div class="nk-gap-4"></div>

                <!-- START: Post -->
                <div class="nk-blog-post nk-blog-post-single">
                    <h1 class="display-4">{{ post.title }}</h1>

                    <div class="nk-post-meta">
                        <div class="nk-post-date">{{ post.date }}</div>
                        <div class="nk-post-category">{{ post.cat | safe}}</div>
                        <div class="nk-post-comments-count">2 Comments</div>
                    </div>

                    <!-- START: Post Text -->
                    <div class="nk-post-text">
                        {% include "shared/blog-content.html" %}
                    </div>
                    <!-- END: Post Text -->

                    <!-- START: Post Share -->
                    <div class="nk-post-share">
                        <strong>Share:</strong>
                        <a href="#" title="Share page on Facebook" data-share="facebook">Facebook</a>,
                        <a href="#" title="Share page on Twitter" data-share="twitter">Twitter</a>,
                        <a href="#" title="Share page on Pinterest" data-share="pinterest">Pinterest</a>
                        <!--
                        <a href="#" title="Share page on Google Plus" data-share="google-plus">Google Plus</a>,
                        <a href="#" title="Share page on LinkedIn" data-share="linkedin">LinkedIn</a>,
                        <a href="#" title="Share page on Vkontakte" data-share="vk">Vkontakte</a>
                        -->
                    </div>
                    <!-- END: Post Share -->
                </div>
                <!-- END: Post -->

                <div class="nk-gap-3"></div>
            </div>
        </div>
    </div>

    {% include "shared/blog-comments.html" %}
    {% include "shared/blog-comments-reply.html" %}

    <!-- START: Pagination -->
    <div class="nk-pagination nk-pagination-center">
        <div class="container">
            <a class="nk-pagination-prev" href="#"><span class="pe-7s-angle-left"></span> Previous Post</a>
            <a class="nk-pagination-center" href="demo-minimal-classic-agency-blog.html"><span class="nk-icon-squares"></span></a>
            <a class="nk-pagination-next" href="#">Next Post <span class="pe-7s-angle-right"></span> </a>
        </div>
    </div>
    <!-- END: Pagination -->
{% endblock %}