{% extends "base" %}

{% block title %}
{{ post.title }}
{% endblock title %}

{% block header %}
    <a href="../">{{ blog.title }}</a>
{% endblock header %}

{% block content %}
    {% if author.display_name %}
        {% set name = author.display_name %}
    {% else %}
        {% set name = author.username %}
    {% endif %}

    <p>
        <b>{{ "Written by {{ link_start }}{{ name }}{{ link_end }}" | _(link_start='<a href="/@/{{ author.fqn }}/">', name=name, link_end="</a>")}}</b>
        &mdash;
        <span>{{ date | date(format="%B %e, %Y") }}</span>
    </p>
    <h1>{{ post.title }}</h1>
    <article>
        {{ post.content | safe }}
    </article>

    <div class="article-meta">
        <p>{{ "This article is under the {{ license }} license." | _(license=post.license) }}</p>

        <div class="inline">
            <p>
                {{ "{{ count }} likes" | _n(singular="One like", count=n_likes) }}
            </p>
            <a class="button" href="like">
                {% if has_liked %}
                    {{ "I don't like this anymore" | _ }}
                {% else %}
                    {{ "Add yours" | _ }}
                {% endif %}
            </a>

            <p>
                {{ "{{ count }} reshares" | _n(singular="One reshare", count=n_reshares) }}
            </p>
            <a class="button" href="reshare">
                {% if has_reshared %}
                    {{ "I don't want to reshare this anymore" | _ }}
                {% else %}
                    {{ "Reshare" | _ }}
                {% endif %}
            </a>
        </div>

        <h2>{{ "Comments" | _ }}</h2>
        <div class="list">
            {% for comment in comments %}
                {% if comment.author.display_name %}
                    {% set comment_author_name = comment.author.display_name %}
                {% else %}
                    {% set comment_author_name = comment.author.username %}
                {% endif %}
                <div class="card" id="comment-{{ comment.id }}">
                    <a href="/@/{{ comment.author.fqn }}/"><b>{{ comment_author_name }}</b></a>
                    <div>{{ comment.content | safe }}</div>
                    <a href="comment?responding_to={{ comment.id }}">{{ "Respond" | _ }}</a>
                </div>
            {% endfor %}
        </div>
        <a class="button inline-block" href="comment?">{{ "Comment" | _ }}</a>
    </div>
{% endblock content %}