{% load i18n %}

<div class="card" style="margin-top: 0.5rem; margin-bottom: 0">
    <div class="card-block">
        <h4>{{ message.name }}</h4>
        <p>{{ message.message|linebreaks|urlize }}</p>

        <h6 class="card-subtitle mb-2 text-muted">{{ message.timestamp }}</h6>
        <div>
            <a class="comment-button text-primary" onclick="commentOn({{ message.id }}, '{{ message.name }}')" data-toggle="collapse" data-target="#collapse_add_comment" aria-expanded="false" aria-controls="collapse_add_comment">
                {% trans "Reply" %}
            </a>
        </div>
        <div>
            {% for message in messages %}
                {% include "kaehmy/message.html" with messages=message.messages.all %}
            {% endfor %}
        </div>

    </div>
</div>