{% load cache %}
{% load post_render %}
{% load thumbnail %}
<div class="row reply" id="p{{ post.pk }}">
    <div class="row headline" hx-boost="true">
        <p><span class="author">{{ post.author }}</span>
            {% if post.tripcode %}<span class='tripcode'>{% if post.secure %}!{% endif %}!{{ post.tripcode }}</span>{% endif %}
            posted at {{ post.timestamp }}
            {% if request.resolver_match.view_name == 'thread' and not post.thread.closed %}
                <span class="pk"><a href="javascript:quote('{{ post.pk }}');">#{{ post.pk }}</a></span>
            {% elif request.resolver_match.view_name == 'search' %}
                <span class="pk"><a href="{{ post.get_absolute_url }}">#{{ post.pk }}</a></span>
            {% else %}
                <span class="pk">#{{ post.pk }}</span>
            {% endif %}
            {% if not thread.closed %}
                <details><summary class="inline">[+]</summary>
                    [<a href="{{ post.get_delete_url }}">Delete</a>]
                    [<a href="{{ post.get_report_url }}">Report</a>]
                </details>
            {% endif %}
        </p>
    </div>
    {% if post.image %}
        <div class="row info">
            <span>(File)</span>
            <span>{{ post.image.size|filesizeformat }}</span> |
            <span>{{ post.image.width }}x{{ post.image.height }}</span> |
            <span class="ellipsis">{{ post.filename }}</span>
        </div>
    {% endif %}
    {% cache 500 post post.pk %}
    <div class="row content">
        {% if post.image %}
            {% thumbnail post.image "x300" as im %}
            <div class="one-third column">
                <span class="image"><a href="{{ post.image.url}}"><img src="{{ im.url }}"></a></span>
            </div>
           {% endthumbnail %}
            <div class="two-thirds column">
                <span class="post-text"><p>{% post_render post %}</p></span>
            </div>
        {% else %}
            <span class="post-text"><p>{% post_render post %}</p></span>
        {% endif %}
    </div>
    {% endcache %}
</div>