{% load post_body %}
{% load i18n %}
<div
    id="p{{post.id}}"
    data-report-url="{% url 'board:report_form' board.url post.id %}"
    {% if perms.board.add_ban %}
    data-ban-url="{% url 'board:ban_create' board.url post.id %}"
    {% endif %}
    {% if can_modify %}
    data-modify-url="{% url 'board:post_modify' 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, status icons, username, time #}
{% if post.sticky and not post.op %}
<span title="Stickied" class="fa fa-thumb-tack"></span>
{% endif %}
{% if post.lock and not post.op %}
<span title="Locked" class="fa fa-lock"></span>
{% endif %}
<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" %}
by
<span class="post_name">{{post_name}}</span>
{% endblocktranslate %}
{% if post.capcode %}
<span class="post_capcode" style="color: {{post.capcode.color}};">{{post.capcode}}</span>
{% endif %}
{% blocktranslate with post_created=post.created %}
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>