{if !isset($classLabel)}
	{assign var=classLabel value="default_params_label"}
{/if}
{if !isset($classInput)}
	{assign var=classInput value="default_params_input"}
{/if}
<div class="default_params_container" style="margin-top:10px;">	
	<label for="plug-{$htmlid}-packet-number" class="{$classLabel}" style="width:130px" >{$lang.PLUGIN_ICMP_PACKET_NUMBER}</label>
	<input type="number" id="plug-{$htmlid}-packet-number" class="{$classInput}" min="2"/>
</div>

<div class="default_params_container" style="margin-top:10px;">	
	<label for="plug-{$htmlid}-packet-interval" class="{$classLabel}" style="width:130px" >{$lang.PLUGIN_ICMP_PACKET_INTERVAL}</label>
	<input type="number" id="plug-{$htmlid}-packet-interval" class="{$classInput}" min="80"/>ms
</div>

<div class="grid-container-icmp">
	<div class="grid-item"></div>
	<div class="grid-item">{$lang.PLUGIN_ICMP_LATENCE}</div>
	<div class="grid-item">{$lang.PLUGIN_ICMP_LOST}</div>
	<div class="grid-item">{$lang.PLUGIN_ICMP_GIGUE}</div>
	
	<div class="grid-item">{$lang.LGD_WARN}</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-latency-warning" class="{$classInput}" min="1" /> ms
	</div>	
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-lost-warning" class="{$classInput}" min="1"/> %
	</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-gigue-warning" class="{$classInput}" min="1" /> ms
	</div>
	<div class="grid-item">{$lang.LGD_CRI}</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-latency-critical" class="{$classInput}" min="1"/> ms
	</div>	
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-lost-critical" class="{$classInput}" min="1"/> %
	</div>	
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-gigue-critical" class="{$classInput}" min="1" /> ms
	</div>
</div>

<script>
	let icmp_id = '{$htmlid}';
	$(window).on('load', function()
	{ldelim}
		let paramid = $('#{$html_params_id}');
		{literal}
		let param = paramid.val();
		//warning
		result = param.match(/\-w\s+([0-9]*),([0-9]*)[\%],([0-9]*)/);
		if(result === null)
		{
			result = param.match(/\-w\s+([0-9]*),([0-9]*)/);
			if(result !== null)
			{
				param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9\%]*)','$1,$2,100');
				paramid.val(param);
			}
		}
		result = param.match(/\-c\s+([0-9]*),([0-9]*)[\%],([0-9]*)/);
		if(result === null)
		{
			result = param.match(/\-c\s+([0-9]*),([0-9]*)/);
			if(result !== null)
			{
				param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9\%]*)','$1,$2,200');	
				paramid.val(param);
			}
		}
		result = param.match(/\-n\s+([0-9]*)/);
		if(result === null)
		{
			param = eui_plugins.addParameter(param,'-n',5);
			paramid.val(param);
		}
		result = param.match(/\-i\s+([0-9]*)/);
		if(result === null)
		{
			param = eui_plugins.addParameter(param,'-i',80);
			paramid.val(param);
		}		
		result = param.match(/\-w\s+([0-9]*),([0-9]*)[\%],([0-9]*)/);
		if(result !== null)
		{
			$('#plug-'+icmp_id+'-latency-warning').val(result[1]);
			$('#plug-'+icmp_id+'-lost-warning').val(result[2]);
			$('#plug-'+icmp_id+'-gigue-warning').val(result[3]);
			$('#plug-'+icmp_id+'-latency-warning').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9\%]*),([0-9]*)',this.value+',$2,$3');
				paramid.val(param);
			});
			$('#plug-'+icmp_id+'-lost-warning').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9\%]*),([0-9]*)','$1,'+this.value+'\%,$3');
				paramid.val(param);
			});
			$('#plug-'+icmp_id+'-gigue-warning').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9\%]*),([0-9]*)','$1,$2,'+this.value);
				paramid.val(param);
			});			
		}
		//critique
		result = param.match(/\-c\s+([0-9]*),([0-9]*)[\%],([0-9]*)/);
		if(result !== null)
		{
			$('#plug-'+icmp_id+'-latency-critical').val(result[1]);
			$('#plug-'+icmp_id+'-lost-critical').val(result[2]);
			$('#plug-'+icmp_id+'-gigue-critical').val(result[3]);
			$('#plug-'+icmp_id+'-latency-critical').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9\%]*),([0-9]*)',this.value+',$2,$3');
				paramid.val(param);
			});
			$('#plug-'+icmp_id+'-lost-critical').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9\%]*),([0-9]*)','$1,'+this.value+'\%,$3');
				paramid.val(param);
			});
			$('#plug-'+icmp_id+'-gigue-critical').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9\%]*),([0-9]*)','$1,$2,'+this.value);
				paramid.val(param);
			});	
		}
		//critique
		result = param.match(/\-n\s+([0-9]*)/);
		if(result !== null)
		{
			$('#plug-'+icmp_id+'-packet-number').val(result[1]);
			$('#plug-'+icmp_id+'-packet-number').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-n','([0-9]*)',this.value);
				paramid.val(param);
			});	
			
		}
		result = param.match(/\-i\s+([0-9]*)/);
		if(result !== null)
		{
			$('#plug-'+icmp_id+'-packet-interval').val(result[1]);
			$('#plug-'+icmp_id+'-packet-interval').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-i','([0-9]*)',this.value);
				paramid.val(param);
			});	
			
		}
		paramid.attr('data-onload',"1");
	});
	{/literal}
</script>