<div class="column peer_video_container is-flex-grow-1">
    <div class="box group-peer-avatar is-hidden">
        <div class="card">
            <div class="card-content">
                <figure class="image is-128x128 is-rounded" style="margin: auto;">
                    {%- if identities is defined -%}
                        {% set identity = identities.get(entity) %}
                        {% set nick = identity.nicknames[0] if identity.nicknames else jid %}
                        {%- if identity.avatar.filename %}
                            <img class="is-rounded" src="/cache/common/{{identity.avatar.filename}}" alt="{{ nick }}" style="height: 100%; width: 100%;">
                        {% else %}
                            <span class="is-avatar is-128x128 image has-background-light is-flex has-items-centered has-text-weight-bold is-size-1">{{nick|first|upper}}</span>
                        {%- endif -%}
                    {%- endif -%}
                </figure>
            </div>
            <div class="card-content has-text-centered">
                {%- if identities is defined -%}
                    <div class="tag is-rounded is-info has-text-weight-semibold" style="display: inline-block;">
                        {{ nick }}
                    </div>
                {%- endif -%}
            </div>
        </div>
    </div>
    <video class="peer_video_stream" autoplay playsinline tabindex="0" style="width: 100%; height: auto; object-fit: cover;"></video>
</div>