{% load cache %}
{% load post_render %}
{% load thumbnail %}
{% include 'boards/incl/htmx_hx_update.html' %}
{% for thread, replies in posts.items %}
    <div class="thread">
        <div class="row op" id="t{{ thread.pk }}">
            <div class="row headline" hx-boost="true">
                <p>{% if thread.subject %}<span class="subject">{{ thread.subject }}</span>{% endif %}
                    <span class="author">{{ thread.author }}</span>
                    {% if thread.tripcode %}<span class='tripcode'>{% if thread.secure %}!{% endif %}!{{ thread.tripcode }}</span>{% endif %}
                    posted at {{ thread.timestamp }}
                    {% if not board %}
                        on <span class="board"><a href="{{ thread.board.get_absolute_url }}">/{{ thread.board.ln }}/</a></span>
                    {% endif %}
                    <span class="pk">#{{ thread.pk }}</span>
                    {% if thread.sticky %}(S){% else %}
                        <details><summary class="inline">[+]</summary>
                            [<a href="{{ thread.get_delete_url }}">Delete</a>]
                            [<a href="{{ thread.get_report_url }}">Report</a>]
                        </details>
                    {% endif %}
                </p>
            </div>
            {% if thread.image %}
                <div class="row info">
                    <span>(File)</span>
                    <span>{{ thread.image.size|filesizeformat }}</span> |
                    <span>{{ thread.image.width }}x{{ thread.image.height }}</span> |
                    <span class="ellipsis">{{ thread.filename }}</span>
                </div>
            {% endif %}
            {% cache 500 post thread.pk %}
            <div class="row content">
                {% if thread.image %}
                    {% thumbnail thread.image "x300" as im %}
                    <div class="one-third column">
                        <span class="image"><a href="{{ thread.image.url}}"><img src="{{ im.url }}"></a></span>
                    </div>
                    {% endthumbnail %}
                    <div class="two-thirds column">
                        <span class="post-text"><p>{% post_render thread %}</p></span>
                    </div>
                {% else %}
                    <span class="post-text"><p>{% post_render thread %}</p></span>
                {% endif %}
            </div>
            {% endcache %}
            <p>[Replies: {{ thread.post_set.all.count }}]
               [<a href="{{ thread.get_absolute_url }}" hx-boost="true">Visit</a>]</p>
        </div>
        {% for post in replies %}
            {% include 'boards/incl/reply.html' %}
        {% endfor %}
    </div>
{% empty %}
    <p>No threads yet.</p>
{% endfor %}