{% for gm in messages %}
{% if let Some(text) = gm.msg.system_text() %}
<div class="system-event" id="msg-{{ gm.msg.id }}">
    <span class="system-event-icon">⤷</span>
    <span class="system-event-text">{{ text }}</span>
    <span class="timestamp" title="{{ gm.msg.timestamp }}">{{ gm.msg.display_timestamp() }}</span>
</div>
{% else %}
<div class="message{% if gm.grouped %} grouped{% endif %}" id="msg-{{ gm.msg.id }}">
    <div class="avatar">
        {% if gm.grouped %}
        <span class="grouped-time" title="{{ gm.msg.timestamp }}">{{ gm.msg.display_time() }}</span>
        {% else if gm.msg.author_avatar.is_some() %}
        <img src="{{ paths.avatar_href(gm.msg) }}" alt="{{ gm.msg.author_display_name() }}" width="40" height="40">
        {% else %}
        <div class="avatar-placeholder">{{ gm.msg.author_display_name().chars().next().unwrap_or('?') }}</div>
        {% endif %}
    </div>
    <div class="message-body">
        {% if gm.msg.ref_message_id.is_some() %}
        <div class="reply-preview">
            <span class="reply-icon">↩</span>
            {% if !gm.msg.ref_is_system() %}<span class="reply-author">{{ gm.msg.ref_author_display_name().unwrap_or("Unknown") }}</span>{% endif %}
            {% if let Some(ref_content) = gm.msg.ref_display_content() %}
            <span class="reply-content">{{ ref_content }}</span>
            {% else %}
            <span class="reply-content reply-deleted">Original message was deleted</span>
            {% endif %}
        </div>
        {% endif %}
        {% if !gm.grouped %}
        <div class="message-meta">
            <span class="author{% if gm.msg.author_bot %} bot{% endif %}">{{ gm.msg.author_display_name() }}</span>
            {% if gm.msg.author_bot %}<span class="bot-badge">BOT</span>{% endif %}
            <span class="timestamp" title="{{ gm.msg.timestamp }}">{{ gm.msg.display_timestamp() }}</span>
            {% if gm.msg.edited_timestamp.is_some() %}<span class="edited">(edited)</span>{% endif %}
            {% if gm.msg.pinned %}<span class="pinned">📌</span>{% endif %}
        </div>
        {% else if gm.msg.edited_timestamp.is_some() || gm.msg.pinned %}
        <div class="message-meta message-meta-inline">
            {% if gm.msg.edited_timestamp.is_some() %}<span class="edited">(edited)</span>{% endif %}
            {% if gm.msg.pinned %}<span class="pinned">📌</span>{% endif %}
        </div>
        {% endif %}
        {% if !gm.msg.content.is_empty() %}
        <div class="content">{{ gm.msg.content }}</div>
        {% endif %}
        {% for sticker in stickers.for_message(gm.msg.id) %}
        {% if sticker.available %}
        <img class="sticker" src="{{ paths.sticker_href(sticker) }}" alt="{{ sticker.name }}" title="{{ sticker.name }}">
        {% else %}
        <span class="sticker-fallback">[sticker: {{ sticker.name }}]</span>
        {% endif %}
        {% endfor %}
    </div>
</div>
{% endif %}
{% endfor %}