{% if fingerprints %}
<form>
    <div>
        <ul class="list middle">
            <li class="subheader">
                <div>
                    <p>{{ __('omemo.fingerprints') }}</p>
                </div>
            </li>
            {% for value in fingerprints %}
                <li>
                    <span class="primary icon gray" id="sessionicon_{{ value.jid|cleanupId }}_{{ value.bundleid }}">
                        <i class="material-symbols">fingerprint</i>
                    </span>
                    <span class="control">
                        <div class="checkbox">
                            <input
                                type="checkbox"
                                data-identifier="{{ value.jid }}.{{ value.bundleid }}"
                                id="sessionstate_{{ value.jid|cleanupId }}_{{ value.bundleid }}"
                                name="sessionstate_{{ value.jid|cleanupId }}_{{ value.bundleid }}"
                                onchange="ContactActions.toggleFingerprintState(this)"/>
                            <label for="sessionstate_{{ value.jid|cleanupId }}_{{ value.bundleid }}"></label>
                        </div>
                    </span>
                    <div>
                        <p>
                            <span class="fingerprint" title="{{ value.bundleid }}">
                                {{ value.fingerprint }}
                            </span>
                        </p>
                        <p class="line">
                            {% if value.latest %}
                                {{ __('omemo.last_activity') }}: {{ value.latest }}
                            {% endif %}
                        </p>
                    </div>
                </li>
            {% endfor %}
        </ul>
    </div>
</form>
{% else %}
<div class="placeholder">
    <i class="material-symbols">fingerprint</i>
    <h1>{{ __('omemo.fingerprints') }}</h1>
</div>
{% endif %}