{% extends "base.html" %}
{% load i18n %}
{% load staticfiles %}
{% get_current_language as LANGUAGE_CODE %}

{% block title %}
{% blocktrans with name=group.name %}Details of {{name}}{% endblocktrans %}
- {{block.super}}
{% endblock %}

{% block content %}
<div class="boxes">
    {% include "box/person/box.html" %}
    <div class="contentblock" id="group-owners">
        <h2>{% trans "Owners of" %}: {{group.name}}</h2>
        <ul class="entry-list">
            {% for owner in owners %}
            <li class="entry small-row">
                <div class="summary">
                    <div class="name">
                        {% if not owner.user %}
                        {{owner.code}}
                        {% else %}
                        {{owner}} ({{owner.code}})
                        {% endif %}
                    </div>
                    <!--<div class="actions">
                        <a href="#" class="remove" data-gid="{{group.id}}" data-neptun="{{owner.code}}">
                            <img src="{% static "icons/minus-circle.png" %}" alt="{% trans 'Remove' %}" />
                        </a>
                    </div>-->
                    <div class="clear"></div>
                </div>
                <div class="details">
                    <div class="details-container">
                        {% if not owner.user %}
                        {% trans "This user never logged in, no data available" %}
                        {% else %}
                        <ul>
                            <li>
                                {% trans "Name" %}<span class="value">{{owner}}</span>
                            </li>
                            <li>
                                {% trans "NEPTUN" %}<span class="value">{{owner.code}}</span>
                            </li>
                            <li>
                                E-mail:<span class="value"><a href="mailto:{{owner.user.email}}">{{owner.user.email}}</a></span>
                            </li>
                        </ul>
                        {% endif %}
                    </div>
                </div>
            </li>
            {% endfor %}
            <li class="entry small-row">
                <div class="summary" id="new-owner" data-gid="{{group.id}}" data-fallback="slide">
                    <div class="name">{% trans "Add owner" %}</div>
                    <div class="clear"></div>
                </div>
                <div class="details" id="new-owner-form">
                    <div class="details-container">
                        <div class="container">
                            <input type="text" placeholder="{% trans "Owner name/NEPTUN" %}" data-url="{% url school.views.group_ajax_owner_autocomplete %}"/>
                            <div id="new-owner-autocomplete"></div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="boxes">
    {% if noshare %}
        <div class="tooltip" style="position:absolute">
            <div class="container">
                <p>
                    {% trans "This group has no shared templates." %}
                </p>
                <p>
                    {% trans "Share one, and the group members can start their own virtual machine." %}
                </p>
                <div class="tail"></div>
            </div>
        </div>
    {% endif %}
    {% include "box/template/box.html" %}
</div>
{% endblock %}
