{% extends "base.html" %}

{% load i18n %}

{% block content %}

	{% if posts %}
		{% for post in posts %}
            {% if post.image %}
                <div class="block">
                    <a href="{{ post.image.url }}"><img
                        src="{{ post.image.url_200x150 }}" />
                    </a>
                </div>
            {% endif %}
            <div class="block">
                <span class="title">{{ post.title }}</span>
                <span class="post_id">(#{{ post.id }})</span><br />
                {{ post.text }}<br />
                {% if post.tags %}
                    <span class="tags">{% trans 'Tags' %}:
                        {% for tag in post.tags.all %}
                            <a class="tag" href="/tag/{{ tag.name }}">
                                {{ tag.name }}</a>
                        {% endfor %}
                    </span>
                {% endif %}
            </div>
            <hr />
		{% endfor %}
	{% else %}
		No threads found.
        <hr />
	{% endif %}

    <div class="post-form">
    <form enctype="multipart/form-data" method="post">{% csrf_token %}
		<div class="form-row">
            <div class="form-input">{% trans 'Title' %}</div>
            <div class="form-input">{{ form.title }}</div>
        </div>
        <div class="form-row">
            <div class="form-input">{% trans 'Text' %}</div>
            <div class="form-input">{{ form.text }}</div>
        </div>
        <div class="form-row">
            <div class="form-input">{% trans 'Image' %}</div>
            <div class="form-input">{{ form.image }}</div>
        </div>
		<input type="submit" value="{% trans 'Post' %}" />
	</form>
    </div>

{% endblock %}