title = "detail"
url = "/news/post/:slug"
layout = "default"
is_hidden = 0

[newsPost]
slug = "{{ :slug }}"
==
{%content 'top.htm' pagename='News' %}
{% set post = newsPost.post %}

 <section class="single page py-lg-4 py-md-3 py-sm-3 py-3" id="single-page">
    <div class="container py-lg-5 py-md-4 py-sm-4 py-3">
      <h3 class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3">{{post.title}}</h3>
      <div class="row">
        <div class="offset-lg-2 col-lg-8">
          <div class="color-img-three my-lg-4 my-3">
            <img src="{{post.image|media}}" alt="{{post.title}}" class="img-fluid">

            <div class="blog-left-sub my-3">
              <h4 class="pb-3">
              {% if post.tags %}
                <p class="post-tags">Tags:
                    {% for tag in post.tags %}
                    <a href="{{ 'blog'|page }}/tag/{{ tag }}">{{ tag }}</a>{% if not loop.last %},{% endif %}
                    {% endfor %}
                </p>
                {% endif %}
              <p class="post-date">Posted on {{ post.published_at|date('Y-m-d') }}</p>
              </h4>
              <p>{{post.content|raw}}
              </p>
            </div>
          </div>
        </div>
        
    </div>
     <div class="post-nav">
            {% if post.prev().title %}Prev: <a href="{{ 'blog'|page }}/{{ post.prev().slug }}" class="prev">{{ post.prev().title }}</a>{% endif %}
            <br>
            {% if post.next().title %}Next: <a href="{{ 'blog'|page }}/{{ post.next().slug }}" class="next">{{ post.next().title }}</a>{% endif %}
        </div>
  </section>