{% extends "base.html" %}
{% block content %}

    <h2>Seite Infos</h2>



    <div class="card w-100">
        <div class="card-body jumbotron" style="background: ghostwhite">
         {% for notice in allnotice %}
    <h5 class="card-title">{{ notice.notice_title }}</h5>
    <p class="card-text">{{ notice.notice_text |linebreaks }}</p>
    <p><a href="{% url 'delete' deleteId=notice.id%}" class="btn btn-danger">Nachricht Löschen</a></p>
    {% endfor %}
    <p><a href="{% url 'new' %}" class="btn btn-info" role="button">Neue Nachricht</a></p>
    </div>
    </div>

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

{% endblock %}

<style>
    .test{
        background-color: darkgray;
    }
</style>