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

{% block title %}{{ metaTitle ?? article.title }}{% endblock %}

{% block head_extra %}
    {% if metaTitle is not null %}
        {% if metaDescription %}<meta name="description" content="{{ metaDescription }}">{% endif %}
        {% if metaNoindex %}<meta name="robots" content="noindex">{% endif %}
        <meta property="og:type" content="article">
        <meta property="og:title" content="{{ metaTitle }}">
        {% if metaDescription %}<meta property="og:description" content="{{ metaDescription }}">{% endif %}
        {% if metaOgImage %}<meta property="og:image" content="{{ metaOgImage }}">{% endif %}
    {% endif %}
{% endblock %}

{% block header_user %}
    {% if app.user %}
        <div class="site-header__user">
            <a href="{{ path('admin_articles_index') }}">{{ 'nav.admin'|trans }}</a>
            <a href="{{ path('_logout_main') }}">{{ 'nav.logout'|trans }}</a>
        </div>
    {% endif %}
{% endblock %}

{% block body %}
    <div class="public-shell public-shell--narrow">
        <a href="{{ path('home') }}" class="back-link">{{ 'article.back'|trans }}</a>

        <article class="article-detail">
            {% if article.imageUrl %}
                <img src="{{ article.imageUrl }}" alt="" class="article-detail__image">
            {% endif %}

            <h1 class="article-detail__title">{{ article.title }}</h1>

            <div class="article-detail__meta">
                <span class="adm__badge adm__badge--category">{{ article.category.name }}</span>
                {% for tag in article.tags %}
                    <a href="{{ path('tag_show', {slug: tag.slug}) }}" class="adm__badge adm__badge--tag">{{ tag.name }}</a>
                {% endfor %}
                <span class="article-detail__byline">{{ 'common.by'|trans }} {{ article.author.name }} &middot; {{ article.createdAt|date('d/m/Y') }}</span>
            </div>

            <p class="article-detail__summary">{{ article.summary|raw }}</p>

            {{ plugin_hook('article_top') }}

            <div class="article-detail__body">{{ body|raw }}</div>

            {{ plugin_hook('article_share', {article: article}) }}

            {{ plugin_hook('article_references_display', {article: article}) }}

            {{ plugin_hook('article_bottom') }}
        </article>
    </div>
{% endblock %}