<div id="cid-users-wrap">
    <div class="d-flex justify-content-between align-items-center mb-2 small text-muted">
        <div>Added: <span id="cid-count-added">{{ current_cid_users|length }}</span></div>
        <div>Available: <span id="cid-count-available">{{ available_cid_users|length }}</span></div>
    </div>
    <ul class="list-group list-group-flush" id="cid-users-list">
        {% for cid in current_cid_users %}
            {% include 'generic/partials/cid_user_li.html' with cid=cid current=True exam=exam %}
        {% endfor %}
        {% for cid in available_cid_users %}
            {% include 'generic/partials/cid_user_li.html' with cid=cid current=False exam=exam %}
        {% endfor %}
    </ul>
</div>
