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

{% block body %}
    <div class="card">
        <div class="card-header">
            <h1 class="card-title">{{ article.title }}</h1>
        </div>
        {% if author %}
            <div class="byline">
                <span>
                    {{ 'text.byline'|trans }} <a href="{{ path('author', {'npub': author.npub}) }}">
                        <twig:NameOrNpub  displayName="{{ author.displayName }}" name="{{ author.name }}" npub="{{ author.npub }}" />
                    </a>
                </span>
                <span>
                    <small><twig:ux:icon name="heroicons:pencil" class="icon" /> {{ article.createdAt|date('F j, Y') }}</small><br>
                    {% if article.publishedAt is not null %}<small>{{ article.publishedAt|date('F j, Y') }}</small>{% endif %}
                </span>
            </div>
        {% endif %}
    </div>
    <div class="card-body">
        <div class="lede">
            {{ article.summary }}
        </div>

        {% if article.image %}
            <div class="article__image">
                <img src="{{ article.image }}" alt="{{ article.title }}">
            </div>
        {% endif %}

        <div class="article-main">
            {{ content|raw }}
        </div>

        <hr class="divider" />
        <div class="tags">
            {% for tag in article.topics %}
                <span class="tag">{{ tag }}</span>
            {% endfor %}
        </div>

    </div>
{% endblock %}