{include file="header.html"}
<!--// $Id$ //-->
{title value=$layout.pagetitle link="<a class='btn btn-default' href='?m=customergroupadd'>{fontimg src='add'} Dodaj nową grupę</a>"}

{box style="padding:5px;"}

    <table width="100%" id="customergrouplist" cellpadding="0" class="table table-bordered table-hover table-striped display">
	<thead>
	    <tr>
		<th style="width:1%;">ID</th>
		<th style="width:97%;">{trans('Nazwa')}<br>{trans('Opis')}</th>
		<th style="width:1%;">{trans('Członków')}</th>
		<th style="width:1%;">&nbsp;</th>
	    </tr>
	</thead>
	<tbody>
	{section name=customergroups loop=$customergrouplist}
	<tr>
	    <td onclick="self.location.href='?m=customergroupinfo&id={$customergrouplist[customergroups].id}';">
		{$customergrouplist[customergroups].id|string_format:"%04d"}
	    </td>
	    <td onclick="self.location.href='?m=customergroupinfo&id={$customergrouplist[customergroups].id}';">
		<b>{$customergrouplist[customergroups].name}</b>
		{if $customergrouplist[customergroups].description}<br>{$customergrouplist[customergroups].description}{/if}
	    </td>
		
	    <td onclick="self.location.href='?m=customergroupinfo&id={$customergrouplist[customergroups].id}';">
		{$customergrouplist[customergroups].customerscount} 
	    </td>
	    <td>
		<a href="?m=customergroupinfo&id={$customergrouplist[customergroups].id}">{fontimg src="img/info.gif"}</a>
		{if !$customergrouplist[customergroups].customerscount}<a href="?m=customergroupdel&id={$customergrouplist[customergroups].id}" onclick="return confirmLink(this,'{trans("Are you sure, you want to remove this group?")}');">{fontimg src="delete"}</a>{/if}
		<a href="?m=customergroupedit&id={$customergrouplist[customergroups].id}">{fontimg src="img/edit.gif"}</a>
	    </td>
	</tr>
	{/section}
	</tbody>
    </table>

{literal}
<script type="text/javascript" language="JavaScript">
<!--
    
    $(document).ready(function(){
	var dt = $("#customergrouplist").dataTable({
	
		'language' 	: {'url' : 'img/Polish.json'},
		'lengthMenu' 	: [[10,25,50,100,200],[10,25,50,100,200]],
		'order' 	: [[1,"asc"]],
		'sDom' 		: 'lfiprtip',
		'pageLength' 	: {/literal}{get_profile('pagelimit',50)}{literal},
		'stateSave'	: true,
		'columns' 	: [
				    {'width' : '1%', 'sClass' : 'textcenter',},
				    {'width' : '97%','sClass' : 'textleft',},
				    {'width' : '1%', 'sClass' : 'textright',},
				    {'width' : '1%', 'sClass' : 'textright quicklink',"orderable" : false, "searchable": false,}
				],
	});
    });

//-->
</script>
{/literal}

{/box}

{include file="footer.html"}