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

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

{% block content %}
<h2>{% trans 'Update 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.viewGroupUpdateInput orgName=orgName,groupname=groupname %}" method="post">
<table class="item">
	<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>
	<tr class="edit0">
		<td>{% trans 'Groupname' %}(cn)</td>
		<td>{{ groupname }}</td>
	</tr>
    {% for attr in attrs %}
    <tr class="{% cycle 'edit1' 'edit0' %}">
		<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' %}
		{% if isRequiredMembers %}
		<font color="red">{% trans 'Required Mark' %}</font>
		{% endif %}
		</th>
		{% if isDisplayOwners %}
		<th>&nbsp;</th>
		<th>{% trans 'Owners in Group' %}</th>
		{% endif %}
	</tr>
	<tr style="vertical-align: top">
		<td style="width: 150px;"><select id="moveA" size="10" style="width: 150px;" multiple name="others">
		{% 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 style="width: 150px;"><select id="moveB" size="10" style="width: 150px;" multiple name="members">
		{% for row in members %}
			<option value="{{ row }}">{{ row }} </option>
		{% endfor %}
		</select></td>
		{% if isDisplayOwners %}
		<td><input type="button" value="{% trans 'Move Right' %}"
			onclick="moveItem('B', 'C')" /><br />
		<input type="button" value="{% trans 'Move Left' %}" onclick="moveItem('C', 'B')" /><br />
		</td>
		<td style="width: 150px;"><select id="moveC" size="10" style="width: 150px;" multiple name="owners">
		{% for row in owners %}
			<option value="{{ row }}">{{ row }} </option>
		{% endfor %}
		</select></td>
		{% endif %}
	</tr>
</table>
{% for row in beforeUpdateMembers %}
	<input type="hidden" name="beforeUpdateMembers" value="{{ row }}" />
{% endfor %}
{% for row in beforeUpdateOwners %}
	<input type="hidden" name="beforeUpdateOwners" value="{{ row }}" />
{% endfor %}
<p id="resMoveItem"></p>

<h3 class="item">{% trans 'Target repositry' %}</h3>
<table class="item">
<tr>
{% for serverID in backends %}
<td><input type="checkbox" name="backend_{{ serverID }}" value="{{ serverID }}" checked >{{ serverID }}</td>
<input type="hidden" name="backends" value="{{ serverID }}" />
{% endfor %}
</tr>
</table>
<p class="item">
{% if isDisplayOwners %}
<input type="submit" name="button" value="{% trans 'Update' %}" onclick="selectAll('moveA');selectAll('moveB');selectAll('moveC');">
{% else %}
<input type="submit" name="button" value="{% trans 'Update' %}" onclick="selectAll('moveA');selectAll('moveB');">
{% endif %}
<input type="submit" name="button" value="{% trans 'Delete' %}">
<input type="button" value="{% trans 'Back' %}" onClick="history.back()">
</p>
</form>
<script type="text/javascript" src="/unicornIDM-media/js/multiSelect.js"></script>
{% endblock %}