{% extends "base.html" %}

{% load i18n %}
{% load markup %}

{% block head %}
    <title>Neboard - {{ posts.0.title }}</title>
{% endblock %}

{% block content %}
    <script src="{{ STATIC_URL }}js/thread.js"></script>

	{% if posts %}
        <div id="posts">
		{% for post in posts %}
            {% if posts.0.can_bump %}
                <div class="post" id="{{ post.id }}">
            {% else %}
                <div class="post dead_post" id="{{ post.id }}">
            {% endif %}
            {% if post.image %}
                <div class="image">
                    <a
                            class="fancy"
                            href="{{ post.image.url }}"><img
                        src="{{ post.image.url_200x150 }}" />
                    </a>
                </div>
            {% endif %}
            <div class="message">
                <div class="post-info">
                    <span class="title">{{ post.title }}</span>
                    <a class="post_id" href="#{{ post.id }}">
                        (#{{ post.id }})</a>
                    [{{ post.pub_time }}]
                    {% if post.is_get %}
                        <span class="get">
                            {% trans "Get!" %}
                        </span>
                    {% endif %}
                </div>
                {% autoescape off %}
                {{ post.text.rendered }}
                {% endautoescape %}
            </div>
            {% if post.tags.all %}
                <div class="metadata">
                    <span class="tags">{% trans 'Tags' %}:
                        {% for tag in post.tags.all %}
                            <a class="tag" href="{% url 'tag' tag.name %}">
                                {{ tag.name }}</a>
                        {% endfor %}
                    </span>
                </div>
            {% endif %}
            </div>
		{% endfor %}
        </div>
	{% else %}
		No thread found.
        <hr />
	{% endif %}

<<<<<<< local
    <form id="form" enctype="multipart/form-data" method="post"
            >{% csrf_token %}
        <div class="post-form-w">
            <div class="form-title">{% trans "Reply to thread" %}</div>
            <div class="post-form">
                <div class="form-row">
                    <div class="form-label">{% trans 'Title' %}</div>
                    <div class="form-input">{{ form.title }}</div>
                    <div class="form-errors">{{ form.title.errors }}</div>
                </div>
                <div class="form-row">
                    <div class="form-label">{% trans 'Text' %}</div>
                    <div class="form-input">{{ form.text }}</div>
                    <div class="form-errors">{{ form.text.errors }}</div>
                </div>
                <div class="form-row">
                    <div class="form-label">{% trans 'Image' %}</div>
                    <div class="form-input">{{ form.image }}</div>
                    <div class="form-errors">{{ form.image.errors }}</div>
                </div>
            </div>
            <div class="form-submit"><input type="submit"
                                            value="{% trans "Post" %}"/></div>
            <div>Use <a
                    href="http://daringfireball.net/projects/markdown/basics">
                markdown</a> syntax for posting.</div>
            <div>Example: *<i>italic</i>*, **<b>bold</b>**</div>
            <div>Insert quotes with "&gt;"</div>
        </div>
    </form>

{% endblock %}

{% block metapanel %}

    <span class="metapanel">
        {{ posts.0.get_reply_count }} {% trans 'replies' %},
        {{ posts.0.get_images_count }} {% trans 'images' %}.
        {% trans 'Last update: ' %}{{ posts.0.last_edit_time }}
    </span>

{% endblock %}