{% extends "BaseAdmin.html" %}
{% load i18n %}

{% block title %}{% trans 'Add group' %}{% endblock %}

{% block content %}
<h2>{% trans 'Add group' %}</h2>

{% if errorList %}
<div class="errormsg"><ul>
{% for error in errorList %}
<li>{{ error }}</li>
{% endfor %}
</ul></div><br>
{% endif %}

<form action="{% url unicornIDM.idm.views.viewGroupAdd orgName=orgName %}" method="post" onsubmit="selectAll('moveB');">
<table>
<tr><th>{% trans 'Description(attribute name)' %}
<font color="red" style="font-weight:normal">{% trans 'These Fields are Required.' %}</font>
</th><th>{% trans 'Value' %}</th></tr>

{% for attr in modAttrs %}
<tr class="{% cycle 'edit0' 'edit1' %}">
<td class="{{ attr.4 }}">
{{ attr.1 }} ({{ attr.0 }})
{% if attr.2 %}
<font color="red">{% trans 'Required Mark' %}</font>
{% endif %}
</td>
<td>
<input type="text" name="{{ attr.0 }}" value="{{ attr.3 }}" size="50"/>
</td>
</tr>
{% endfor %}
</table>

<br>
<table class="item">
	<tr>
		<th>{% trans 'Able to Add Users' %}</th>
		<th>&nbsp;</th>
		<th>{% trans 'Users in Group' %}</th>
	</tr>
	<tr style="vertical-align: top">
		<td><select id="moveA" size="10" style="width: 200px;" multiple>
		{% for row in users %}
			<option value="{{ row }}">{{ row }} </option>
		{% endfor %}
		</select></td>
		<td><input type="button" value="{% trans 'Move Right' %}"
			onclick="moveItem('A','B')" /><br />
		<input type="button" value="{% trans 'Move Left' %}" onclick="moveItem('B','A')" /><br />
		</td>
		<td><select id="moveB" size="10" style="width: 200px;" multiple name="members">
		{% for row in members %}
			<option value="{{ row }}">{{ row }} </option>
		{% endfor %}
		</select></td>
	</tr>
</table>

<h3>{% trans 'Target' %}</h3>
<table>
<tr>
{% for serverID in backends %}
<td><input type="checkbox" name="backend_{{ serverID }}" value="{{ serverID }}" checked >{{ serverID }}</td>
{% endfor %}
</tr>
</table>
<p>

<input type="submit" value="{% trans 'Add' %}" />
</p>
</form>
<script type="text/javascript" src="/unicornIDM-media/js/multiSelect.js"></script>
{% endblock %}