{% extends 'boards/base.html' %}
{% load post_render %}
{% load thumbnail %}
{% block title %}/{{ board.ln }}/{% endblock title %}
{% block content %}
    <div id="board">
        <h2 id="board-header">/{{ board.ln }}/ - {{ board.name }}</h2>
        {% if board.description %}
            <p id="board-description">{{ board.decription }}</p>
        {% endif %}
    </div>
    <div class="row">
        [<a href="{{ board.get_absolute_url }}" hx-boost="true"
            hx-trigger="click, keyup[altKey&&key=='r'] from:body">Return</a>]
        [<a href="{% url 'board-archive' board.ln %}" hx-boost="true"
            hx-trigger="click, keyup[altKey&&key=='a'] from:body">Archive</a>]
        [<a href="{% url 'board-search' board.ln %}" hx-boost="true"
            hx-trigger="click, keyup[altKey&&key=='s'] from:body">Search</a>]
    </div>
    <details>
        <summary>[New Thread]</summary>
        <form hx-boost="true" class="newpostform" id="newthreadform" enctype="multipart/form-data" method="post">{% csrf_token %}
            {{ form }}
        </form>
    </details>
    <div id="threads">
        <h3 id="threads-header">Catalog</h3>
        {% include 'boards/incl/htmx_hx_update.html' %}
        {% for threads_ckunk in threads %}
            <div class="row">
                {% for thread in threads_ckunk %}
                    <div class="one-third column">
                        <span>
                            R:<strong>{{ thread.post_set.all.count }}</strong>
                            [<a href="{{ thread.get_absolute_url }}" hx-boost="true">Visit</a>]
                        </span>
                        {% if thread.image %}
                            {% thumbnail thread.image "x300" as im %}
                            <span class="image"><a href="{{ thread.image.url}}"><img src="{{ im.url }}"></a></span>
                            {% endthumbnail %}
                            <span class="post-text"><p>{% post_render thread %}</p></span>
                        {% else %}
                            <span class="post-text"><p>{% post_render thread %}</p></span>
                        {% endif %}
                    </div>
                {% endfor %}
            </div>
        {% empty %}
            <p>No threads yet.</p>
        {% endfor %}
    </div>
{% endblock content %}