{% load i18n ksp_filters %}

<div id="server-messages" class="px-3">
    <div class="row px-3">
        {% for msg in msgs %}
        <div class="col-sm-12 col-md-12 col-lg">
            <div class="card {{msg.importance|bootstrap_cls}} h-100">
                <div class="card-body">
                    <h6 class="card-title">
                        {{msg.subject}}
                    </h6>
                    <small>{% trans 'Published on' %} {{msg.publish_on}}</small>
                    <article class="scroll-150">{{msg.body|safe}}</article>
                </div>
            </div>
        </div>
        {% endfor %}
        <div class="col-sm-12 col-md-12 col-lg">
            <div class="card {{msg.importance|bootstrap_cls}} h-100">
                <a class="w-100 h-100 text-decoration-none" href="{% url 'news:index' %}">
                    <div class="card-body  d-flex align-items-center justify-content-center h-100">
                        <h5 class="card-title">{% trans 'Older ...' %}</h5>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>