{% extends 'base.html' %}

{% block title %}
Index
{% endblock %}

{% block content %}

<script>
    var es = new ReconnectingEventSource('/events/');
    es.addEventListener('message', function (e) {console.log(e.data); location.reload();});
</script>

<div class=container>
    <h1 class="display-4">Your Posts</h1>

    <div class=container>
        {% for notice in notices %}
        <div class="jumbotron">
            <h3>{{ notice.notice_title }}</h3>
            <p>{{ notice.notice_text }}</p>
            <p>
                <a href="{% url 'delete' deleteId=notice.id %}" class="btn btn-danger" role="button">Delete</a>
            </p>
            {% if message %}
            <script>
                alert('{{ message }}');
            </script>
            {% endif %}
        </div>
        {% endfor %}

        <div class=container>
            <p><a href="{% url 'new' %}" class="btn btn-info" role="button">Neue Nachricht</a></p>
        </div>
    </div>

    <!--p class="lead">Some placeholder Text</p-->
</div>
{% endblock %}