{% extends "box/base/box.html" %}
{% load i18n %}
{% load l10n %}
{% get_current_language as LANGUAGE_CODE %}

{% block title %}
    {% trans "Members of" %}: {{group.name}}
{% endblock title %}

{% block content %}
<ul class="entry-list" id="group-members">
    {% for member in members %}
    <li class="entry small-row">
        <div class="summary">
            <div class="name">
                {% if not member.user %}
                {{member.code}}
                {% else %}
                {{member}} ({{member.code}})
                {% endif %}
            </div>
            <div class="actions">
                <a href="#" class="remove" data-gid="{{group.id}}" data-neptun="{{member.code}}">
                    <img src="/static/icons/minus-circle.png" alt="{% trans 'Remove' %}" />
                </a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="details">
            <div class="container">
                {% if not member.user %}
                {% trans "This user never logged in, no data available" %}
                {% else %}
                <ul>
                    <li>
                        {% trans "Name" %}<span class="value">{{member}}</span>
                    </li>
                    <li>
                        {% trans "NEPTUN" %}<span class="value">{{member.code}}</span>
                    </li>
                    <li>
                        E-mail:<span class="value"><a href="mailto:{{member.user.email}}">{{member.user.email}}</a></span>
                    </li>
                </ul>
                {% endif %}
            </div>
        </div>
    </li>
    {% endfor %}
    <li class="entry small-row">
        <div class="summary" id="new-member">
            <div class="name">{% trans "Add user" %}</div>
            <div id="new-member-form">
                <input type="text" placeholder="{% trans "User NEPTUN code" %}" />
                <input type="submit" value="{% trans "Add user" %}" data-id="{{group.id}}"/>
            </div>
            <div class="clear"></div>
        </div>
    </li>
</ul>
{% endblock content %}