{% extends 'boards/base.html' %}
{% 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="{% url 'board-catalog' board.ln %}" hx-boost="true"
            hx-trigger="click, keyup[altKey&&key=='c'] from:body">Catalog</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">Threads</h3>
        {% include 'boards/incl/threads_list.html' %}
    </div>
{% endblock content %}