{% 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 "Scientists" %}{% endblock %}

{% block jscript %}
    <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() 
        { 
            $("#experimenterTable").tablesorter( {sortList: [[1,0]]} ); 
        } 
    );
</script>

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

        $('table#experimenterTable 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 wamanageexperimenterid "new" %}">{% trans "Add new scientist" %}</a></p>

<h2>{% trans "Scientists" %}</h2>
{% if controller.experimentersCount %}
<table id="experimenterTable" class="tablesorter"> 
    <thead> 
        <tr> 
            <th>{% trans "Actions" %}</th> 
            <th>{% trans "Name" %}</th> 
            <th>{% trans "Omename" %}</th> 
            <th>{% trans "Institution" %}</th>
            <th>{% trans "Roles" %}</th> 
        </tr> 
    </thead> 
    <tbody>
    {% for dict in controller.experimenters %}
        <tr>
          <td class="action">
            <a href="{% url wamanageexperimenterid "delete" dict.experimenter.id %}"><img src="{% url wastatic "images/del.png" %}" alt="delete" title="delete"></a> 
            <a href="{% url wamanageexperimenterid "edit" dict.experimenter.id %}"><img src="{% url wastatic "images/edit.png" %}" alt="edit" title="edit"></a> id:{{ dict.experimenter.id }}
          </td>
          <td class="link">{{ dict.experimenter.getFullName }}</td>
          <td class="link">{{ dict.experimenter.omeName }}</td>
          <td class="desc">{{ dict.experimenter.shortInstitution|default_if_none:"-" }}</td>
          <td class="roles">
              {% if dict.admin %}<img src="{% url wastatic "images/admin.png" %}" alt="admin" title="admin"> {% endif %}
              {% if dict.guest %}<img src="{% url wastatic "images/guest.png" %}" alt="guest" title="guest"> {% endif %}
              {% if dict.ldap %}<img src="{% url wastatic "images/ldap.png" %}" alt="ldap" title="ldap"> {% endif %}
              {% if dict.active %}<img src="{% url wastatic "images/active.png" %}" alt="active" title="active">{% else %}<img src="{% url wastatic "images/notactive.png" %}" alt="active" title="active">{% endif %}
          </td></tr>
    {% endfor %}
  </tbody>
</table>

<p><img src="{% url wastatic "images/admin.png" %}" alt="admin" title="admin"> - Admin; <img src="{% url wastatic "images/guest.png" %}" alt="guest" title="guest"> - Guest; <img src="{% url wastatic "images/ldap.png" %}" alt="ldap" title="ldap"> - ldap; <img src="{% url wastatic "images/active.png" %}" alt="active" title="active"> - active; <img src="{% url wastatic "images/notactive.png" %}" alt="notactive" title="notactive"> - not active;<p>

<h1>Summary</h1>
<p>Currently there are {{ controller.experimentersCount.experimenters }} accounts: {{ controller.experimentersCount.active }} active; {{ controller.experimentersCount.admin }} admin; {{ controller.experimentersCount.guest }} guest; {{ controller.experimentersCount.ldap }} ldap.</p>

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

{% endblock %}