{% extends 'document.html.twig' %}
{% block main_content %}
<section class="section-padding">
<div class="container">
<div class="blog-articles">
<div class="article">
{% if article is not null %}
<h1 class="article-header">{{ article.getHeadline | raw }}</h1>
<div class="article-content">
{{ article.getArticle | raw }}
</div>
{% if article.getCategories | length > 0 %}
<div class="article-meta">
<span>{{ 'news-this-post-is-published-in' | trans }}
{% for category in article.getCategories %}
{% if loop.index > 1 %}, {% endif %}
<a class="meta-link" href="{{ locale ~ blog.blogPathPrefix }}/category/{{ category.getKey }}">{{ category.getName }}</a>
{% endfor %}
{% if article.getDate %}
{{ 'news-publication-date' | trans }} {{ article.getDate.locale(locale).format('d. F Y') }}.</span>
{% endif %}
</div>
{% endif %}
{% else %}
<h3>{{ 'news-requested-article-not-found' | trans }}</h3>
{% endif %}
</div>
</div>
<div class="blog-article-options">
<div class="article-navigation">
<div class="row">
<div class="col-12 col-lg-6 text-start">
{% if prevArticle.key is defined %}
<a class="article-link prev-article" href="{{ prevArticle.getKey }}"><span class="lsf">left</span> {{ prevArticle.getHeadline }}</a>
{% endif %}
</div>
<div class="col-12 col-lg-6 text-end">
{% if nextArticle.key is defined %}
<a class="article-link next-article" href="{{ nextArticle.getKey }}">{{ nextArticle.getHeadline }} <span class="lsf">right</span></a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
</section>
{% endblock %}