{% load post_body %}
{% load i18n %}
<div
    id="p{{post.id}}"
    class="post"
    data-report-url="{% url 'board:report_form' board.url post.id %}"
    data-delete-url="{% url 'board:post_delete' post.id %}"
    {% if user.is_staff %}
    data-ban-url="{% url 'board:ban_create' board.url post.id %}"
    data-modify-url="{% url 'board:post_modify' post.id %}"
    data-wipe-url="{% url 'board:post_wipe' post.id %}"
    {% endif %}
    >

<div class="post_title">
    {# Hide post button  #}
    {% if thread_hide_button %}
    <span class="fa fa-minus-square thread_hide_button"></span>
    {% endif %}

    {# Post ID, status icons, username, time, admin info #}
    <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 %}

    {# staff inline items #}
    {% if user.is_staff %}
    <span title="{% translate 'User info' %}" class="user_info_section">
        <span class="user_info">
            [ {{post.ip}} | {{post.user_token|slice:"0:6"}} ]
        </span>
    </span>
    {% endif %}

    {% 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 %}

    {% 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>
</div>

<div class="post_content">
    {# 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 class="post_image" src="{{post.thumbnail.url}}" data-url="{{post.image.url}}" data-thumb="{{post.thumbnail.url}}">
            </a>
        </div>
    {% endif %}

    {# "X replies elided" dialog for OPs on the board #}
    {% 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>