{% extends 'generic/base.html' %}

{% block content %}
    <h2>Group: {{group.name}}</h2>

    <details>
        <summary>Help</summary>
        <p>This page shows an overview of the candidates and exams that are associated with the group.</p>

        <p>Once a candidate has been added to a group and the group has been added to an exam individual candidates can be allocated to the exam. Please note: simply adding the group to the exam will not automatically give the group candidates access to that exam, they will have to be added individually/as a group.</p>
    </details>

    <h3>Users</h3>
    <p title="The number of users that have been added to this group">Count: {{users|length}}</p>

    {% if users %}
        <table>
            <thead>

                {% if group_type == "cid" %}
                    <tr><th>Email</th><th>CID</th><th>Passcode</th></tr>
                {% else %}
                    <tr><th>User</th></tr>
                {% endif %}
            </thead>
            {% for user in users %}
                {% if group_type == "cid" %}
                    <tr><td>{{user.email}}</td><td>{{user.cid}}</td><td>{{user.passcode}}</td></tr>
                {% else %}
                    <tr><td>{{user.username}}</td></tr>
                {% endif %}
            {% endfor %}
        </table>
    {% else %}
        This group has no users.

        {% if group_type == "cid" %}
            They can be created (or added) <a href="{% url 'generic:manage_cids' %}">here</a>
        {% endif %}
    {% endif %}
    <h3>Exams</h3>
    The group is currently associated with the following exams
    {% with group.GetGroupExams as exam_map %}
        {% for key, value in exam_map.items %}
            <h4>{{key}}</h4>
            <ul>
                {% for exam in value %}
                    <li>
                        <a href="{{exam.get_absolute_url}}">{{exam}}</a>
                        {% if group_type == "cid" %}
                            <a href="{{exam.get_cid_edit_url}}" class="edit-link">Edit candidates</a>
                        {% else %}
                            <a href="{{exam.get_user_edit_url}}" class="edit-link">Edit candidates</a>
                        {% endif %}
                        <span class="cid-number">
                            {% if group_type == "cid" %}
                                (Cid candidate count: {{exam.valid_cid_users.count}})
                            {% else %}
                                (User candidate count: {{exam.valid_user_users.count}})
                            {% endif %}
                        </span>
                    </li>
                {% endfor %}
            </ul>
        {% endfor %}
    {% endwith %}
{% endblock %}

{% block js %}
    <style>
        td, th { padding-left: 10px }

        .cid-number {float: right}

        .edit-link {
            font-size: smaller;
            opacity: 60%;
        }
    </style>
{% endblock %}