{include file='overall_adm_iframe.html'}
<link rel="stylesheet" type="text/css" href="{$apache_path}flows.css"/>
{if isset($error_message)}
	<p class="eventCritical" >{$error_message}</p>
{/if}
{if isset($success_message)}
	<p class="eventOK" >{$success_message}</p>
{/if}
{if $action eq 'showCollector' || $action eq 'updateCollector'}
	<div id="menu_collector" class="tabs">
	<ul>
		<li>
			<a href="{$apache_path}/dialog_flows.php?nodeid={$node.id}&amp;action=showCollector&amp;collector={$collector_id}">
			<img class="button" src="/theme/default-image/esia_search_button.png" alt="{$lang.FLOWS_COLLECTOR_DATA}">
				{$lang.FLOWS_COLLECTOR_DATA}
			</a>
		</li>
		<li>
			<a href="{$apache_path}/dialog_flows.php?nodeid={$node.id}&amp;action=updateCollector&amp;collector={$collector_id}">
			<img class="button" src="/theme/default-image/esia_update_button2.png" alt="{$lang.FLOWS_COLECTOR_UPDATE}">
				{$lang.FLOWS_COLECTOR_UPDATE}
			</a>
		</li>
	</ul>
	</div>
{/if}
{if $action eq 'showCollector'}
    <script>
    var header = JSON.parse('{$header_translate}');
    var url ="{$apache_path}/dialog_flows.php";
    var params ="nodeid={$node.id}&action=showCollector&collector={$collector_id}";
    var firstexec=0;
     <!--{literal}
        function selectData()
	    {
            var elem = $('#selectdata option:selected').val();
        	var ajaxservice = $.ajax({url:url,
        		type : 'GET',
        		data : params+'&dataid='+elem,
        		dataType : 'json'
        		});
        	ajaxservice.done(function(data, statut)
        	{  
        		table = $('#tableData tbody');
                if(firstexec == 0)
                {
                    thead = $('#tableData thead');
                    var tr  = $("<tr></tr>");
    	            $.each(data.data[0],function(key, val)
                    {
                        if(key in header)
                        {
                            key = header[key];
                        }
                        var td  = $("<th>"+key+"</th>");
                        tr.append(td);
                    });
                    thead.append(tr); 
                    firstexec++; 
                }
                table.children().remove();
    	        $.each(data.data,function(key, line)
                {
                    var tr  = $("<tr></tr>");
                    $.each(line, function(key, val)
                    {
                        var value =  val;
                        if(key== 'ibyt')
                        {
                            value = Utils.convertByte(val);
                            value += "B";
                        }
                        else if(key== 'ibytP')
                        {
                            value += "%";
                        }
                        else if(key== 'ipkt')
                        {
                            var nf = Intl.NumberFormat();
                            value = nf.format(val)
                        }
                        var td  = $('<td data-text="'+val+'">'+value+"</td>");
                        tr.append(td);
                    });
                    table.append(tr);  
                });
                Utils.createTable("#tableData");
        	});
        }
            $(document).ready(function() 
            {
                selectData();
            });
    {/literal}-->
    </script>
    <form id="f_select_data" class="popupForm" method="post" action="#">
        <label for="selectdata">{$lang.FLOWS_SHOW_DATE_SELECT}</label>
        <select id="selectdata" name="selectdata" data-placeholder="{$lang.ADM_NODE_GROUP_SELECT_TIPS}" onchange="selectData();"> 
            {foreach name=outer item=time key=id from=$datatime}
                <option value="{$id}">{$time}</option> 
            {/foreach}
        </select>    
    </form>
    <table class="tab" id="tableData">
        <thead>
        </thead>
        <tbody>  
        </tbody>
    </table>
{elseif $action eq 'addCollector' || $action eq 'updateCollector'}
    {if isset($success_delete)}
        <p class="eventOK" >{$lang.SYSLOG_DELETE_RULE_SUCCESS}</p>
    {else}
        <script type="text/javascript">
    		var exec = JSON.parse('{$collector_exec|@json_encode}');
    	     <!--{literal}
    	        function selectParameter()
    		    {
    	        	let id = $("#collector_path option:selected").val();
    	        	$("#collector_param").val(exec[id]['parameter']);
    		    }
                $(document).ready(function()
    	                {
                			selectParameter();
    	                });
    	        {/literal}-->
    	</script>
        <form id="f_adm_add_collector" method="post"	action="{$apache_path}/dialog_flows.php?nodeid={$node.id}&action=addCollector" method="POST">
            <label for="collector_name">{$lang.FLOWS_CHANNEL_NAME}</label>
            <input id="collector_name" type="text" name="collector_name" value="{$collector.name}" /><br />
            <label for="collector_path">{$lang.FLOWS_COLLECTOR_PATH}</label>
            <select id="collector_path" name="collector_path" data-placeholder="{$lang.ADM_NODE_GROUP_SELECT_TIPS}" onchange="selectParameter();"> 
				{foreach name=outer item=col key=id from=$collector_exec}
                	<option value="{$col.id}" {if $col.id == $collector_id} selected="selected"{/if} >{$col.exec}</option> 
            	{/foreach}
            </select> <br />  
            <label for="collector_param">{$lang.FLOWS_COLLECTOR_PARAMETER}</label>
            <input id="collector_param" type="text" name="collector_param" value="{$collector.params}" /><br />            
            <label for="collector_interval">{$lang.FLOWS_COLLECTOR_INTERVAL}</label>
            <input id="collector_interval" type="number" name="collector_interval" min="1" value="{$interval}" /><br />       
            <label for="collector_retention">{$lang.FLOWS_COLLECTOR_RETENTION}</label>
            <input id="collector_retention" type="number" name="collector_retention" min="1" value="{$retention}" /><br />  
            {if isset($collector)}
			 <input type="submit" value="{$lang.MODIF}" />
            {else}
			 <input type="submit" value="{$lang.ADD}" />
            {/if}
        </form>
    {/if}
{elseif $action eq 'deleteCollector'}
    {if isset($success_delete)}
        <p class="eventOK" >{$lang.SYSLOG_DELETE_RULE_SUCCESS}</p>
    {else}
        <form method="post"	action="{$apache_path}/dialog_flows.php?nodeid={$node.id}&action=deleteCollector" method="POST">
            <p>
				     {$lang.FLOWS_DELETE_COLLECTOR_CONFIRM} {$collector.name}
				    <input name="id" type="hidden" value="{$collector.id}" /><br /> 
				    <input type="submit" value="{$lang.YES}" />
			    </p>
        </form>
    {/if}
{elseif $action eq 'addChannel' || $action eq 'updateChannel'}
	<form id="f_adm_add_channel" method="post"	action="{$apache_path}/dialog_flows.php?nodeid={$node.id}&action=updateChannel" method="POST">
		<label for="node_id">{$lang.FLOWS_NODE_CAPTURE}</label>
       {eui_forms_select name='node_id' id='node_id' value=$listnode selected=$selectnode firstValue="0" firstText="none"}
        <br />
		<label for="channel_protocol">{$lang.FLOWS_CHANNEL_TYPE}</label>
		<select id="channel_protocol" name="channel_protocol" data-placeholder="{$lang.ADM_NODE_GROUP_SELECT_TIPS}"> 
			<option value="sflow"  {if $channel.protocol eq 'sflow'} selected="selected"{/if}>sFlow</option> 
            <option value="netflow"{if $channel.protocol eq 'netflow'} selected="selected"{/if}>NetFlow</option> 
        </select> <br />  
         {if $action eq 'addChannel'}
            <label for="channel_portauto">{$lang.FLOWS_CHANNEL_PORT_AUTO}</label>
            <input id="channel_portauto" type="checkbox" name="channel_portauto" checked="checked" /><br /> 
         {/if}
        <div id="inputSelectPort">
		    <label for="channel_port">{$lang.FLOWS_CHANNEL_PORT}</label>
	        <input id="channel_port" type="number" name="channel_port" value="{$channel.port}" min="9000" value="{$channel_port}"/><br />
        </div>
        <label for="channel_ret">{$lang.FLOWS_CHANNEL_RETENTION}</label>
        <input id="channel_ret" type="number" name="channel_ret" value="{$channel.retention}" min="15"/><br />
        {if $action eq 'updateChannel'}
			<input id="channel_id" type="hidden" name="channel_id" value="{$channel.id}" /><br />
			<input type="submit" value="{$lang.MODIF}" />
        {else}
            <label for="channel_allcollect">{$lang.FLOWS_CHANNEL_COLLECTOR_ALL_ADD}</label>
            <input id="channel_allcollect" type="checkbox" name="channel_allcollect" checked="checked" /><br />
			<input type="submit" value="{$lang.ADD}" />
        {/if}
   </form>
    {if $action eq 'addChannel'}
   <script>
        {literal}
        function showSelectPort()
        {
            if($("#channel_portauto").is(":checked"))
            {
                $("#inputSelectPort").hide();
            }
            else
            {
                $("#inputSelectPort").show();
            }
        } 
        showSelectPort();
        $("#channel_portauto").on( "click", showSelectPort);
         {/literal}
   </script>
    {/if}
{elseif $action eq 'deleteChannel'}
    {if isset($success_delete)}
        <p class="eventOK" >{$lang.FLOWS_CHANNEL_DELETE_SUCCESS}</p>
    {else}
        <form method="post"	action="{$apache_path}/dialog_flows.php?nodeid={$node.id}&action=deleteChannel" method="POST">
            <p>
				     {$lang.FLOWS_CHANNEL_DELETE_CONFIRM} {$channel.name}
				    <input name="channel" type="hidden" value="{$channel.id}" /><br /> 
				    <input type="submit" value="{$lang.YES}" />
			    </p>
        </form>
    {/if}
{/if}