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

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

{% block head %}
    {% if tag %}
        <title>Neboard - {{ tag }}</title>
    {% else %}
        <title>Neboard</title>
    {% endif %}
{% endblock %}

{% block content %}

{% if tag %}
    <div class="tag_info">
        <h2>{% trans 'Tag: ' %}{{ tag }}</h2>
    </div>
{% endif %}

    {% if threads %}
        {% for thread in threads %}
            <div class="thread">
            {% if thread.can_bump %}
		<div class="post" id="{{thread.id}}">
            {% else %}
		<div class="post dead_post" id="{{ thread.id }}">
            {% endif %}
            {% if thread.image %}
                <div class="image">
                    <a class="fancy"
                       href="{{ thread.image.url }}"><img
                            src="{{ thread.image.url_200x150 }}"
                            alt="{% trans 'Post image' %}"
                            data-width="{{ thread.image_width }}"
                            data-height="{{ thread.image_height }}" />
                    </a>
                </div>
            {% endif %}
            <div class="message">
                <div class="post-info">
                    <span class="title">{{ thread.title }}</span>
		    <a class="post_id" href="{% url 'thread' thread.id %}"
			>(#{{ thread.id }})</a>
                    [{{ thread.pub_time }}]
                    [<a class="link" href="{% url 'thread' thread.id %}#form"
                        >{% trans "Reply" %}</a>]

                    {% if user.is_moderator %}
                        <span class="moderator_info">
                            ({{ thread.poster_ip }})
                            [<a href="{% url 'delete' post_id=thread.id %}"
                                >{% trans 'Delete' %}</a>]
                        </span>
                    {% endif %}
                </div>
                {% autoescape off %}
                    {{ thread.text.rendered|truncatewords_html:50 }}
                {% endautoescape %}
            </div>
            <div class="metadata">
                {{ thread.get_reply_count }} {% trans 'replies' %},
                {{ thread.get_images_count }} {% trans 'images' %}.
                {% if thread.tags.all %}
                    <span class="tags">{% trans 'Tags' %}:
                        {% for tag in thread.tags.all %}
                            <a class="tag" href="
                                    {% url 'tag' tag_name=tag.name %}">
                                {{ tag.name }}</a>
                        {% endfor %}
                    </span>
                {% endif %}
            </div>
            </div>
            {% if thread.get_last_replies %}
                <div class="last-replies">
                    {% for post in thread.get_last_replies %}
                        {% if thread.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 }}"
                                            alt="{% trans 'Post image' %}"
                                            data-width="{{ post.image_width }}"
                                            data-height="{{ post.image_height }}"/>
                                    </a>
                                </div>
                            {% endif %}
                            <div class="message">
                                <div class="post-info">
                                    <span class="title">{{ post.title }}</span>
                                    <a class="post_id" href="
                                {% url 'thread' thread.id %}#{{ post.id }}">
                                        (#{{ post.id }})</a>
                                    [{{ post.pub_time }}]
                                </div>
                                {% autoescape off %}
                                    {{ post.text.rendered|truncatewords_html:50 }}
                                {% endautoescape %}
                        </div>
                        </div>
                    {% endfor %}
                </div>
            {% endif %}
        </div>
        {% endfor %}
    {% else %}
        <div class="post">
            {% trans 'No threads exist. Create the first one!' %}</div>
	{% endif %}

    <form enctype="multipart/form-data" method="post">{% csrf_token %}
    <div class="post-form-w">

        <div class="form-title">{% trans "Create new 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 class="form-row">
                <div class="form-label">{% trans 'Tags' %}</div>
                <div class="form-input">{{ form.tags }}</div>
                <div class="form-errors">{{ form.tags.errors }}</div>
            </div>
            <div class="form-row">
                {{ form.captcha }}
                <div class="form-errors">{{ form.captcha.errors }}</div>
            </div>
        </div>
        <div class="form-submit">
            <input type="submit" value="{% trans "Post" %}"/></div>
        <div>
            {% trans 'Tags must be delimited by spaces. Text or image is required.' %}
        </div>
        <div><a href="http://daringfireball.net/projects/markdown/basics">
            {% trans 'Basic markdown syntax.' %}</a></div>
    </div>
    </form>

{% endblock %}

{% block metapanel %}

    <span class="metapanel">
        <b><a href="{% url "authors" %}">Neboard</a> pre1.0</b>
        {% trans "Pages:" %}
        {% for page in pages %}
            [<a href="
            {% if tag %}
                {% url "tag" tag_name=tag page=page %}
            {% else %}
                {% url "index" page=page %}
            {% endif %}
            ">{{ page }}</a>]
        {% endfor %}
        [<a href="rss/">RSS</a>]
    </span>

{% endblock %}