{% set ns = namespace(affiliation=none) %}
{% for value in presences %}
    {% if ns.affiliation != value.affiliation_txt and page == 1 and not compact %}
        <li class="subheader sticky">
            {% if value.affiliation == 'owner' %}
                <span class="control icon tiny yellow" title="{{ __('affiliation.owner') }}">
                    <i class="material-symbols fill">star</i>
                </span>
            {% elif value.affiliation == 'admin' %}
                <span class="control icon tiny gray" title="{{ __('affiliation.admin') }}">
                    <i class="material-symbols fill">star</i>
                </span>
            {% endif %}
            <div>
                <p>
                    {{ value.affiliation_txt }}
                </p>
            </div>
        </li>
    {% endif %}
    <li title="{{ value.nick }}" name="{{ value.jid|default('')|cleanupId }}-{{ value.role|cleanupId }}-{{ value.nick|cleanupId }}"
        {% if compact %}onclick="Chat.quoteMUC('{{ value.nick|echapJS }}', true);"{% endif %}>
        <span class="primary icon bubble small status {{ value.presence }} {% if value.jid %}active{% endif %}"
            {% if value.jid and not compact %}onclick="ChatActions_ajaxGetContact('{{ value.jid|echapJS }}'); Drawer.clear();"{% endif %}>
            <img loading="lazy" src="{{ value.picture }}">
        </span>
        {% if not compact %}
            {% if value.jid and value.jid != me %}
                <span class="control icon active gray divided" onclick="Chats_ajaxOpen('{{ value.jid|echapJS }}', true); Drawer.clear();">
                    <i class="material-symbols">comment</i>
                </span>
            {% elif not value.jid and not value.self %}
                <span class="control icon active gray divided" onclick="Chats_ajaxOpen('{{ (room ~ '/' ~ value.nick)|echapJS }}', true); Drawer.clear();">
                    <i class="material-symbols">comment</i>
                </span>
            {% endif %}
            {% if can_moderate and not value.self %}
                <span class="control icon active gray divided" onclick="RoomsUtils_ajaxConfigureUser('{{ room|echapJS }}', '{{ value.nick|echapJS }}'); Drawer.clear();">
                    <i class="material-symbols">manage_accounts</i>
                </span>
            {% endif %}
        {% endif %}
        <div>
            <p class="line">
                {{ value.nick }}
                {% if value.role == 'visitor' %}
                    <span class="second gray" title="{{ __('room.visitor') }}">
                        <i class="material-symbols">voice_selection_off</i>
                    </span>
                {% endif %}
            </p>
            {% if value.status and not compact %}
                <p class="line" title="{{ value.status }}">{{ value.status }}</p>
            {% endif %}
        </div>
    </li>
    {% set ns.affiliation = value.affiliation_txt %}
{% endfor %}