{% load post_body %}
{% load i18n %}
<div
    id="p{{post.id}}"
    data-report-url="{% url 'board:report_form' board.url post.id %}"
    {% if perms.board.create_ban %}
    data-ban-url="{% url 'board:ban_create' board.url post.id %}"
    {% endif %}
    >
{# Image #}
{% if post.thumbnail %}
{# Image info #}
<div class="post_image_info">
    {% translate "File" %}
    <a href="{{post.image.url}}" target="_blank">{{post.original_image_name}}</a>
    ({{post.image.size|measure_bytes}}, {{post.image_width}}x{{post.image_height}})
</div>

{# Image thumbnail #}
<div class="post_image_thumbnail">
    <a href="{{post.image.url}}" target="_blank">
    <img src="{{post.thumbnail.url}}">
    </a>
</div>
{% endif %}

{# Post ID, username, time #}
<a href="#p{{post.id}}">#.</a>
<span class="post_id">{{post.id}}</span>
{% if post.subject %}
    <span class="post_subject">{{post.subject}}</span>
{% endif %}
{% blocktranslate with post_name=post.name|default:"Anonymous" post_created=post.created %}
by
<span class="post_name">{{post_name}}</span>
at {{post_created}}
{% endblocktranslate %}
{% if reply_link %}
    [<a href="{{post.get_absolute_url}}">{% translate "Reply" %}</a>]
{% endif %}
<a href="#" class="post_menu_button" data-id="post_menu_button">▶</a>

{# "X replies elided" dialog for OPs on the board #}
<div class="post_content">
{% if replies_elided > 0 %}
<br/>
<span class="replies_elided">
    ({% blocktranslate %}{{replies_elided}} replies elided, click reply to view{% endblocktranslate %})
</span>
{% endif %}

{# Post body #}
<p class="post_body">{{post|post_body|safe}}</p>
</div>
</div>