{% extends "base.html" %} {% block content %}
{% load taggit_templatetags2_tags %}
{% get_tagcloud as tags for 'application' %}
{% include_tagcloud 'application.Post' %}
<div class="container-fluid">
    <div class="modal-body row">
        <div class="col-md-6">
            Abonniere deine Tags hier!
            <form class="post-form" method="post">
                {% csrf_token %} {{form.as_p}}
                <button type="submit" class="save btn btn-outline-dark">Save</button>
            </form>
            {% if messages %}
            {% for message in messages %}
            <div {% if message.tags %} class="{{ message.tags }}" {% endif %}>{{ message }}</div>
            {% endfor %}
            {% endif %}
        </div>
        <div class="col-md-6">
            Tag-Suche
            <div id="custom-search-input">
                <div class="input-group col-md-12">
                    <form type="get" action="." style="margin: 0">
                        <input id="search_box" type="text" name="search_box" placeholder="Search..."> <span class="input-group-btn">
                            <button id="search_submit" type="submit" class="btn btn-outline-dark">Suchen</button>
                            </button>
                        </span>
                </div>
                </form>
                <div>
                    {% for post in posts %}
                    <div class="post">
                        <div class="date">
                            {{ post.published_date }}
                        </div>
                        <h1>
                            <a href="{% url 'post_detail' pk=post.pk %}">{{ post.title }}</a>
                        </h1>
                        <p>{{ post.text|linebreaks }}</p>
                        Tags: {% for tag in post.tags.all %}
                        <a href="{% url 'post_list_by_tag' tag.slug %}">{{ tag.name }}</a>
                        {% if not forloop.last %}, {% endif %} {% endfor %} <p>
                            {{ post.author }}
                        </p>
                    </div>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>
    </div>
    {% endblock %}