{if !empty($errors)}
	<p class="EventCritical ">{$errors}</p>
{/if}

<div class="tableview" style="width:50%; float:left;">
	<table class="tab" cellspacing="0" width="100%">
		<tr><th colspan="2" class="leftAlign"><h2>{$lang.SERVICE} {$ecatp.service.name}</h2></th></tr>
        <tr><td>{$lang.STATUS} :</td><td>{$ecatp.service.status} ({$lang.SERVICE} : {$ecatp.service.service_status} / {$lang.PROCESS} : {$ecatp.service.process_status})</td></tr>
        <tr><td>{$lang.MAIL_SINCE} : </td><td>{$ecatp.service.since}</td></tr>
        <tr><td>{$lang.SERVICE_TASKS} :</td><td>{$ecatp.service.tasks} ({$lang.LIMIT} : {$ecatp.service.tasks_limit})</td></tr>

        <tr><td>{$lang.THREADS_SETTINGS_NUMBER} :</td><td>Unity : {$ecatp.settings.UNITY.unity_thread}/ {$lang.ROUTER} : {$ecatp.settings.ROUTER.router_thread}</td></tr>
	</table>
</div>
<div class="tableview" style="width:50%; float:right;">
	<table class="tab" cellspacing="0" width="100%">
		<tr><th colspan="2" class="leftAlign"><h2>{$lang.ECATP_SYSTEM}</h2></th></tr>
        <tr><td>{$lang.LAST_SEND} :</td><td>{$ecatp.ecatp.last_send}</td></tr>
        <tr><td>{$lang.TASK_CLEAN} :</td><td>{$ecatp.ecatp.last_clean}</td></tr>
        <tr><td>{$lang.TASK_SIZE} :</td><td>{$ecatp.ecatp.task_size}</td></tr>

        <tr><td>{$lang.CONNECTED_UNITY}:</td><td>{$ecatp.ecatp.unity}</td></tr>
	</table>
</div>

<div class="tableview" style="width:100%; clear:both;">
    <div class="tableview_title spaceTop">
		<h1>{$lang.UNITY_LIST}</h1>
	{esia_pager divid="pager_unityList" 
				tablesorterid="unityList" 
				langprint="{$lang.ADM_PRINT_BOARD}"
				langcolumn="{$lang.ADM_SHOW_HIDDEN_COLUMN}"
				divcss="pager" 
				height="22px"
				ulclass="triList" 
				liclass="triElement"
				icn_printer="/theme/default/images/table-print.jpg"
				icn_column="/theme/default/images/table-change-order.jpg"
				icn_columnselect="/theme/default/images/table-change-order.jpg"}    		
	{/esia_pager}
</div>
	<table class="tab" cellspacing="0" width="100%" id="unityList">
		<thead>
			<tr>
			    <th>{$lang.STATUS}</th>
				<th>SN</th>
				<th>{$lang.NAME}</th>
				<th>{$lang.DESCRIPTION}</th>
				<th>PUBLIC IP</th>
				<th>PRIVATE IP</th>
				<th>{$lang.NODES}</th>
				<th>{$lang.SERVICES}</th>
				<th class="sorter-false filter-false"></th>
			</tr>
		</thead>
		<tbody id="data_body">
		{foreach from=$unity_list item=unity}
		    <tr>
		        <td {if $unity.status=='connected'}class="EventOK"{elseif $unity.status=='new'}class="EventWarning" {else}class="EventCritical"{/if}>
		            {$unity.status_text}
		        </td>
		        <td>{$unity.sn}</td>
		        <td>{$unity.name}</td>
		        <td>{$unity.description}</td>
		        <td>{$unity.public_addr}</td>
		        <td>{$unity.private_addr}</td>
		        <td style="text-align:right;">{$unity.nb_nodes}</td>
		        <td style="text-align:right;">{$unity.nb_services}</td>
		        <td>
		            <a href='{$unity.url}' title='{$lang.ADM_NODE_GOTO}'><img class='button' src='/theme/default-image/esia_search_button.png' alt='{$lang.ADM_NODE_GOTO}'/></a>
		        </td>
		    </tr>
		{/foreach}
		</tbody>
	</table>
	<script type="text/javascript">
<!--
{literal}
  function configure_table(table_id){	
	table = $("#"+table_id);
	table.data("tablesorter").widgets.push('print');
	table.data("tablesorter").widgets.push('columnSelector');
	table.data("tablesorter").widgetOptions['columnSelector_container']=$("#"+table_id+'_columnSelector');
	
	table.tablesorterPager({
        container: $( "#pager_"+table_id ),
        output: '{startRow} to {endRow} ({filteredRows})',
        size: 100,
    });
	
	$( '#'+table_id+'_print').on('click', function(){
          table.trigger('printTable');
	});
}
  $(document).ready(function()
  {
	Utils.createTable("#unityList");
	configure_table("unityList");
  }
  );
  {/literal}
  //-->
  </script>
</div>