{% if fingerprints %}
<ul class="list middle">
    <li class="subheader">
        <div>
            <p>{{ __('omemo.fingerprints') }}</p>
        </div>
    </li>
    {% for value in fingerprints %}
        <li>
            <span class="primary icon {% if value.self %}green{% else %}gray{% endif %}">
                <i class="material-symbols">fingerprint</i>
            </span>
            {% if not value.self %}
            <span class="control icon active gray divided" onclick="Account.deleteBundle('{{ value.bundleid }}')">
                <i class="material-symbols">delete</i>
            </span>
            <span class="control">
                <div class="checkbox">
                    <input type="checkbox" data-identifier="{{ value.jid }}.{{ value.bundleid }}"
                        id="accountsessionstate_{{ value.bundleid }}" name="accountsessionstate_{{ value.bundleid }}"
                        onchange="Account.toggleFingerprintState(this)"/>
                    <label for="accountsessionstate_{{ value.bundleid }}"></label>
                </div>
            </span>
            {% endif %}
            <div>
                <p><span class="fingerprint" title="{{ value.bundleid }}">{{ value.fingerprint }}</span></p>
                <p class="line">{{ value.bundleid }}{% if value.self %} • {{ __('omemo.this_device') }}{% endif %}</p>
            </div>
        </li>
    {% endfor %}
</ul>
{% endif %}