{% extends 'layout.html.twig' %}

{% set seo_entity = post %}
{% set seo_fallback = {'og_image': post.image ? post.image.publicUrl} %}

{% block scripts %}
    <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5e857b418e630abf"></script>
{% endblock %}

{% block site_breadcrumbs %}
    <a href="{{ path('blog_index') }}" class="site-crumbs-item">
        <span class="site-crumbs-item-label">Blog &amp; News</span>
        <span class="site-crumbs-item-divider"></span>
    </a>
    {{ parent() }}
{% endblock %}

{% block content %}
    <div class="page container">
        <div class="page-content" role="main">
            <h1 class="page-title">{{ post.title }}</h1>

            <article class="article">
                {% if post.image %}
                    <div class="article-image">
                        <img src="{{ post.image.publicUrl }}" alt="{{ post.image.altText }}">
                    </div>
                {% endif %}
                <div class="article-meta">
                    <div class="article-meta-item">
                        <span class="article-meta-title">Written by</span>
                        <a href="{{ path('blog_index', {"author": post.author.id}) }}">{{ post.author.title }}</a>
                    </div>
                    {% if post.tags is not empty %}
                        <div class="article-meta-item">
                            <span class="article-meta-title">Tagged as</span>
                            {% for tag in post.tags  %}
                                <a href="{{ path('blog_index', {"tag": tag}) }}">{{ tag }}</a>
                                {% if not loop.last -%}
                                    ,
                                {% endif %}
                            {% endfor %}
                        </div>
                    {% endif %}
                    <div class="article-meta-item">
                        <span class="article-meta-title">Posted on</span>
                        <strong>{{ post.postDate|date('j F, Y') }}</strong>
                    </div>
                </div>
                <div class="article-content">
                    {{ post.content|raw }}
                </div>
            </article>
        </div>
    </div>
{% endblock %}