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

{% 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 title %}{{ tag.name }}{% endblock %}

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

        <h1 class="page-title">{{ 'tag.heading'|trans({'%name%': tag.name}) }}</h1>

        {{ plugin_hook('tag_top') }}

        <div class="article-list">
            {% for article in articles %}
                <article class="article-card">
                    {% if article.imageUrl %}
                        <img src="{{ article.imageUrl }}" alt="" class="article-card__image">
                    {% endif %}
                    <div class="article-card__body">
                        <h2 class="article-card__title">
                            <a href="{{ path('article_show', {slug: article.slug}) }}">{{ article.title }}</a>
                        </h2>
                        <div class="article-card__meta">
                            <span class="adm__badge adm__badge--category">{{ article.category.name }}</span>
                            {% for articleTag in article.tags %}
                                <a href="{{ path('tag_show', {slug: articleTag.slug}) }}" class="adm__badge adm__badge--tag">{{ articleTag.name }}</a>
                            {% endfor %}
                        </div>
                        <p class="article-card__summary">{{ article.summary|raw }}</p>
                        <div class="article-card__footer">
                            {{ 'common.by'|trans }} {{ article.author.name }} &middot; {{ article.createdAt|date('d/m/Y') }}
                        </div>
                    </div>
                </article>
            {% else %}
                <p>{{ 'tag.empty'|trans }}</p>
            {% endfor %}
        </div>

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