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

{% block body %}
    <twig:Atoms:PageHeading heading="{{ topic.name }}" tagline="{{ tags|keys|join(', ') }}"/>

    <div class="articles-list">
        {% for article in articles %}
            <div class="article-item">
                <h3><a href="{{ path('article-slug', {slug: article.slug|url_encode}) }}">{{ article.title }}</a></h3>
                <p>{{ article.summary|slice(0, 200) }}{% if article.summary|length > 200 %}...{% endif %}</p>
                <small>Published: {{ article.createdAt|date('Y-m-d H:i') }}</small>
            </div>
        {% endfor %}
    </div>
    {% if articles is empty %}
        <p>No articles found for this tag.</p>
    {% endif %}
{% endblock %}

{% block aside %}
    <twig:Atoms:ForumAside />
{% endblock %}