{literal}
    <script type="text/javascript" language="JavaScript">
    <!--
	function add_group()
	{
	    var gid = document.getElementById('addgroup').value;
	    loadAjax('id_data','?m=networknodeinfo&tuck=group&idn={/literal}{$idn}{literal}&addgroup='+gid+'');
	}
	function del_group(gid)
	{
	    if (confirm('Potwierdź usunięcie grupy z węzła')) {
		loadAjax('id_data','?m=networknodeinfo&tuck=group&idn={/literal}{$idn}{literal}&delgroup='+gid+'');
	    }
	}
    
    //-->
    </script>
{/literal}


<table width="100%" cellpadding="5">
    <tr class="pgdark">
	<td width="100%" align="{if $othergroups}left{else}center{/if}" class="pad10 fall">
	{if $othergroups}
	<b><a href="javascript:void(0);" onclick="add_group();">Dodaj grupę : </a></b>
	<select name="addgroup" id="addgroup" style="min-width:200px;">
	    <option value="0">{trans("... select group ...")}</option>
		{foreach from=$othergroups item=item}
		<option value="{$item.id}">{$item.name} ({$item.id|string_format:"%04d"})</option>
		{/foreach}
	</select>
	{else}
	<b>brak dostępnych grup</b>
	{/if}
	</td>
    </tr>
</table>

{if $groups}
<br>
<table width="100%" cellpadding="3">

    <tr class="dark nav-header">
	<td width="1%" nowrap align="center" class="fleftu pad"><b>ID</b></td>
	<td width="98%" align="left" class="pad fbt tleft"><b>Grupa</b></td>
	<td width="1%" nowrap align="right" class="frightu pad5 tleft">&nbsp;</td>
    </tr>
    
    {cycle values="lucid,light" print=false}
    {section name="groups" loop=$groups}
    
	<tr class="{cycle} lista">
	    <td width="1%" nowrap align="center" class="fleftu pad">{$groups[groups].id|string_format:"%04.d"}</td>
	    <td width="98%" align="left" class="pad fbt tleft"><b>{$groups[groups].name}</b>{if $groups[groups].description}<br><i>{$groups[groups].description}</i>{/if}</td>
	    <td width="1%" nowrap align="right" class="frightu pad5 tleft">
		<img src="img/delete.gif" alt="[ usuń ]" title="[ usuń grupę z węzła ]" style="cursor:pointer;" onclick="del_group('{$groups[groups].id}');">
	    </td>
	</tr>
    {/section}
</table>

{/if}