{% extends "board/base.html" %}

{% block title %}
    {% with title=board.url %}
        {{ block.super }}
    {% endwith %}
{% endblock title %}

{% block content %}
{# board header #}
<div class="row">
    <div class="column">&nbsp;</div>
    <div class="column">
        <h1>/{{ board.url }}/ - {{ board.name }}</h1>
    </div>
    <div class="column">&nbsp;</div>
</div>
<hr />
{# post creation form #}
<div class="row">
    <div class="column">&nbsp;</div>
    <div class="column">
        <div class="row">
        <h2>Create a new thread</h2>
        </div>
        <div class="row">
            <form method="post" action="{% url 'board:board_detail' url=board.url %}" enctype="multipart/form-data">
                {% csrf_token %}
                <table>
                {{ form.as_table }}
                <tr><td>&nbsp;</td><td><input type="submit" value="Submit" /></td></tr>
                </table>
            </form>
        </div>
    </div>
    <div class="column">&nbsp;</div>
</div>
<hr />
{# posts #}
{% for post in threads %}
<div class="row post" id="p{{post.id}}">
    {# TODO we need some way to parameterize the last N threads #}
    {% with reply_link=True replies_elided=post.replies.all|length|add:"-3" %}
        {% include "board/post_snippet.html" %}
    {% endwith %}

    {# get the last 3 replies #}
    {% for post in post.replies.all|dictsortreversed:"id"|slice:":3" reversed %}
    <div class="row reply" id="p{{post.id}}">
        {% include "board/post_snippet.html" %}
    </div>
    {% endfor %}
</div>
<hr />
{% endfor %}

{% endblock content %}