{% extends "omeroadmin/base.html" %}
{% load i18n %}
{% load markup %}
{% load custom_tags %}

{% block css %}
    <link rel="stylesheet" href="{% url wastatic "css/table.css" %}" type="text/css" media="screen"/>
{% endblock %}

{% block title %}{% trans "Groups" %}{% endblock %}

{% block jscript %}

    <script type="text/javascript" src="{% url wastatic "javascript/jquery_1.2.6.js" %}"></script>
    <script type="text/javascript" src="{% url wastatic "javascript/jquery.tablesorter.js" %}"></script>
    <script type="text/javascript" src="{% url wastatic "javascript/jquery.quicksearch.js" %}"></script>

<script type="text/javascript">
    $(document).ready(function() 
        { 
            $("#groupTable").tablesorter( {sortList: [[1,0]]} ); 
        } 
    );
</script>

<script type="text/javascript">
    $(document).ready(function () {

        $('table#groupTable tbody tr').quicksearch({
            attached: "table.tablesorter",
            position: "before",
            stripeRowClass: null,
            labelText: '{% trans "Filter" %}:',
            inputText: '{% trans "search" %}',
            loaderImg: '{% url wastatic "images/spinner.gif" %}',
        });

    })
</script>

{% endblock %}

{% block content %}

<p><img src="{% url wastatic "images/add.png" %}" alt="add" title="add"> <a href="{% url wamanagegroupid "new" %}">{% trans "Add new group" %}</a></p>

<h2>{% trans "Groups" %}</h2>
{% if controller.groupsCount %}
<table id="groupTable" class="tablesorter"> 
    <thead> 
        <tr> 
            <th>{% trans "Actions" %}</th> 
            <th>{% trans "Name" %}</th> 
            <th>{% trans "Owner" %}</th> 
            <th>{% trans "Description" %}</th>
        </tr> 
    </thead> 
    <tbody>
    {% for dict in controller.groups %}
        <tr>
            <td class="action">
                {% if not dict.locked %}
                    <a href="{% url wamanagegroupid "edit" dict.group.id %}"><img src="{% url wastatic "images/edit.png" %}" alt="edit" title="edit"></a>
                {% endif %}
                <a href="{% url wamanagegroupid "members" dict.group.id %}"><img src="{% url wastatic "images/editing.png" %}" alt="manage" title="manage members"></a>
            </td>
            <td class="link">{{ dict.group.name }}</td>
            <td class="link">{{ dict.group.getOwnerFullName }}</td>
            <td class="desc">{{ dict.group.tinyDescription|default_if_none:"-" }}</td>
        </tr>
    {% endfor %}
  </tbody>
</table>

<h1>Summary</h1>
<p>Currently there are {{ controller.groupsCount }} groups.</p>


{% else %}
<p>{% trans "No groups in OMERO." %}</p>
{% endif %}

{% endblock %}