{if !isset($classLabel)}
	{assign var=classLabel value="default_params_label"}
{/if}
{if !isset($classInput)}
	{assign var=classInput value="default_params_input"}
{/if}

{assign var=unitInterface value=['percent'=>'%','kbs'=>'Kb/s','mbs'=>'Mb/s','gbs'=>'Gb/s']}
<script>
	let netid = '{$htmlid}';
	{literal}
	function interfaceLoadAdvParameter(paramid)
	{
		param = paramid.val();
		result = param.match(/\-s\s+([0-9\,]*)/);
		if(result[1] !== "")
		{
			let speed = result[1];
			let res = speed.match(/([0-9]*),([0-9]*)/);
			if(res !== null)
			{
				$('#plug-'+netid+'-param-inspeed').val(res[1]);
				$('#plug-'+netid+'-param-outspeed').val(res[2]);
			}
			else
			{
				$('#plug-'+netid+'-param-inspeed').val(res[1]);
				$('#plug-'+netid+'-param-outspeed').val(res[1]);
				param = eui_plugins.replaceParameter(param,'-s','[0-9\,]*',speed+','+speed);
				paramid.val(param);
			}
		}
		else
		{
			result = param.match(/\-s\s+auto/);
			if(result !== null)
			{
				let inval = $('#plug-'+netid+'-param-inspeed').val();
				let outval= $('#plug-'+netid+'-param-outspeed').val();
				if(inval !="" && outval !="")
				{
					param = eui_plugins.replaceParameter(param,'-s','auto',inval+','+outval);
					paramid.val(param);
				}
				else
				{
					param = eui_plugins.replaceParameter(param,'-s','auto','1000,1000');
					$('#plug-'+netid+'-param-inspeed').val(1000);
					$('#plug-'+netid+'-param-outspeed').val(1000);
					paramid.val(param);
				}
			}
		}
		//chargement warning 
		param = paramid.val();
		result = param.match(/\-w\s+([0-9\,]*)/);
		if(result[1] !== "")
		{
			let speed = result[1];
			let res = speed.match(/([0-9]*),([0-9]*)/);
			if(res !== null)
			{
				$('#plug-'+netid+'-param-warning-inspeed').val(res[1]);
				$('#plug-'+netid+'-param-warning-outspeed').val(res[2]);
			}
			else
			{
				$('#plug-'+netid+'-param-warning-inspeed').val(result[1]);
				$('#plug-'+netid+'-param-warning-outspeed').val(result[1]);
				param = eui_plugins.replaceParameter(param,'-w','[0-9\,]*',speed+','+speed);
				paramid.val(param);
			}
		}
		//chargement critical 
		param = paramid.val();
		result = param.match(/\-c\s+([0-9\,]*)/);
		if(result[1] !== "")
		{
			let speed = result[1];
			let res = speed.match(/([0-9]*),([0-9]*)/);
			if(res !== null)
			{
				$('#plug-'+netid+'-param-critical-inspeed').val(res[1]);
				$('#plug-'+netid+'-param-critical-outspeed').val(res[2]);
			}
			else
			{
				$('#plug-'+netid+'-param-critical-inspeed').val(result[1]);
				$('#plug-'+netid+'-param-critical-outspeed').val(result[1]);
				param = eui_plugins.replaceParameter(param,'-c','[0-9\,]*',speed+','+speed);
				paramid.val(param);
			}
		}
		$('#plug-'+netid+'-param-inspeed').on( "change", function() 
		{	
			param = paramid.val();
			param = eui_plugins.replaceParameter(param,'-s','([0-9]*),([0-9]*)',this.value+',$2');
			paramid.val(param);
		});
		
		$('#plug-'+netid+'-param-outspeed').on( "change", function() 
		{	
			param = paramid.val();
			param = eui_plugins.replaceParameter(param,'-s','([0-9]*),([0-9]*)','$1,'+this.value);
			paramid.val(param);
		});
		$('#plug-'+netid+'-param-warning-inspeed').on( "change", function() 
		{	
			param = paramid.val();
			param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9]*)',this.value+',$2');
			paramid.val(param);
		});
		$('#plug-'+netid+'-param-warning-outspeed').on( "change", function() 
		{	
			param = paramid.val();
			param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9]*)','$1,'+this.value);
			paramid.val(param);
		});
		$('#plug-'+netid+'-param-critical-inspeed').on( "change", function() 
		{	
			param = paramid.val();
			param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9]*)',this.value+',$2');
			paramid.val(param);
		});
		$('#plug-'+netid+'-param-critical-outspeed').on( "change", function() 
		{	
			param = paramid.val();
			param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9]*)','$1,'+this.value);
			paramid.val(param);
		});
	}
	function selectChangeThresholdUnit(netid,paramid)
	{
		let loaded = $('#'+paramid).attr('data-onload');
		if(loaded == 1)
		{
			let mainid = $('#'+paramid);
			let val = $('#plug-'+netid+'-param-unit').val();
			let text = $('#plug-'+netid+'-param-unit option:selected').text();
			$(".tresh_unity").text(text);
			let param = mainid.val();
			if(val =='percent')
			{
				result = param.match(/\-T\s+([a-zA-Z]*)/);
				if(result !== null)
				{
					param = eui_plugins.delParameter(param,'-T');
				}	
			}
			else
			{
				result = param.match(/\-T\s+([a-zA-Z]*)/);
				if(result !== null)
				{
					param = eui_plugins.replaceParameter(param,'-T','([a-zA-Z]*)',val);
				}	
				else
				{
					param = eui_plugins.addParameter(param,'-T',val);
				}
			}
			mainid.val(param);
		}
	}
	{/literal}
	$(window).on('load', function()
	{ldelim}
		let paramid = $('#{$html_params_id}');
		let textid ='{$html_params_id}';
		{literal}
		let param = paramid.val();
		//ifindex
		let result = param.match(/-i\s+([0-9a-zA-Z\/\.]*)/);
		if(result !== undefined)
		{
			$('#plug-'+netid+'-param-ifindex').val(result[1]);
			$('#plug-'+netid+'-param-ifindex').on( "change", function() 
			{
				
				param = paramid.val();
				let reg = new RegExp(/\-i\s+([\<\>0-9a-zA-Z\/\.]*)/,"g");
				param = eui_plugins.replaceParameter(param,'-i',reg,this.value);
				paramid.val(param);
			});
		}
		//Interface is critical
		result = param.match(/\-a\s+([a-zA-Z]*)/);
		if(result !== null)
		{
			if(result[1]=='warning')
			{
				$('#plug-'+netid+'-param-interface-warning').prop('checked',true);
			}
			else if(result[1]=='critical')
			{
				$('#plug-'+netid+'-param-interface-critical').prop('checked',true);
			}
		}	
		paramid.attr('data-onload',"1");
		//chargemenet pour fixer l'interface en critique
		$('input[type=radio][name=plug-'+netid+'-iscritical]').change(function()
		{
		    if (this.value == 'warning' || this.value == 'critical')
		    {
				param = paramid.val();
				result = param.match(/\-a\s+([a-zA-Z]*)/);
				if(result !== null)
				{
					param = eui_plugins.replaceParameter(param,'-a','[a-zA-Z]*',this.value);
				}
				else
				{
					param = eui_plugins.addParameter(param,'-a',this.value);
				}
				paramid.val(param);
		    }
		    else if (this.value == 'ok')
		    {
				param = paramid.val();
				param = eui_plugins.delParameter(param,'-a');
				paramid.val(param);
		    }
		});	
		paramid.attr('data-onload',"1");
		$('#plug-'+netid+'-speed-auto').change(function()
		{
			if($(this).is(':checked'))
			{
				$('#plug-'+netid+'-speed-fixed').hide();
				$('#plug-'+netid+'-speed-auto-warning').show();
				$('#plug-'+netid+'-speed-auto-critical').show();
				
				result = param.match(/\-s\s+([0-9\,,A-Za-z]*)/);
				if(result !== null)
				{
					param = eui_plugins.replaceParameter(param,'-s','[0-9\,A-Za-z]*','auto');
					paramid.val(param);
				}
				result = param.match(/\-T\s+([A-Za-z]*)/);
				if(result !== null)
				{
					param = eui_plugins.delParameter(param,'-T');
					paramid.val(param);
				}
				result = param.match(/\-w\s+([0-9]*)/);
				if(result !== null)
				{
					param = eui_plugins.replaceParameter(param,'-w','[0-9\,]*',result[1]);
					paramid.val(param);
					$('#plug-'+netid+'-param-warning').val(result[1]);
					$('#plug-'+netid+'-param-warning').on( "change", function() 
					{
						param = paramid.val();
						param = eui_plugins.replaceParameter(param,'-w','[0-9\,]*',this.value);
						paramid.val(param);
					});
				}
				result = param.match(/\-c\s+([0-9]*)/);
				if(result !== null)
				{
					param = eui_plugins.replaceParameter(param,'-c','[0-9\,]*',result[1]);
					paramid.val(param);
					$('#plug-'+netid+'-param-critical').val(result[1]);
					$('#plug-'+netid+'-param-critical').on( "change", function() 
					{	
						param = paramid.val();
						param = eui_plugins.replaceParameter(param,'-c','[0-9\,]*',this.value);
						paramid.val(param);
					});
				}
			}
			else
			{
				$('#plug-'+netid+'-speed-fixed').show();
				$('#plug-'+netid+'-speed-auto-warning').hide();
				$('#plug-'+netid+'-speed-auto-critical').hide()
				interfaceLoadAdvParameter(paramid);
				selectChangeThresholdUnit(netid,textid);
			}
		});
		//speed auto 
		result = param.match(/-s\s+(auto)/);
		if(result !== null)
		{	
			result = param.match(/\-w\s+([0-9]*)/);
			if(result !== null)
			{
				$('#plug-'+netid+'-param-warning').val(result[1]);
				$('#plug-'+netid+'-param-warning').on( "change", function() 
				{
					param = paramid.val();
					param = eui_plugins.replaceParameter(param,'-w','[0-9]*',this.value);
					paramid.val(param);
				});
			}
			result = param.match(/\-c\s+([0-9]*)/);
			if(result !== null)
			{
				$('#plug-'+netid+'-param-critical').val(result[1]);
				$('#plug-'+netid+'-param-critical').on( "change", function() 
				{	
					param = paramid.val();
					param = eui_plugins.replaceParameter(param,'-c','[0-9]*',this.value);
					paramid.val(param);
				});
			}
		}
		else
		{
			result = param.match(/\-T\s+([a-zA-Z]*)/);
			if(result !== null)
			{
				eui_sselect['plug-'+netid+'-param-unit'].setSelected(result[1]);
			}
			$('#plug-'+netid+'-speed-auto').prop('checked', false);
			$('#plug-'+netid+'-speed-fixed').show();
			$('#plug-'+netid+'-speed-auto-warning').hide();
			$('#plug-'+netid+'-speed-auto-critical').hide()
			interfaceLoadAdvParameter(paramid);
		}		
	});
	{/literal}
</script>
<div class="default_params_container">	
	<label for="plug-{$htmlid}-param-ifindex" class="{$classLabel}">{$lang.IFINDEX}</label>
	<input type="text" id="plug-{$htmlid}-param-ifindex" class="{$classInput}" style="width:162px"/>
</div>
<div class="default_params_container">
	<span  class="{$classLabel}">{$lang.CRITICAL_INTERFACE}</span>	
	<input type="radio" id="plug-{$htmlid}-param-interface-ok" name="plug-{$htmlid}-iscritical" checked="checked" value="ok" />
	<label for="plug-{$htmlid}-param-interface-ok">{$lang.LGD_OK}</label>
	<input type="radio" id="plug-{$htmlid}-param-interface-warning" name="plug-{$htmlid}-iscritical" value="warning" />
	<label for="plug-{$htmlid}-param-interface-warning">{$lang.LGD_WARNING}</label>
	<input type="radio" id="plug-{$htmlid}-param-interface-critical" name="plug-{$htmlid}-iscritical" value="critical" />
	<label for="plug-{$htmlid}-param-interface-critical">{$lang.LGD_CRITICAL}</label>
</div>	
<div class="default_params_container">
	<span  class="{$classLabel}">{$lang.SPEED}</span>	
	<input type="checkbox" id="plug-{$htmlid}-speed-auto" checked="checked"/>
	<label for="plug-{$htmlid}-speed-auto">{$lang.AUTODETECTION}</label>
</div>	
<div class="grid-container-interface" id='plug-{$htmlid}-speed-fixed' style="display:none;">
	<div class="grid-item"></div>
	<div class="grid-item">{$lang.DOWNLOAD}</div>
	<div class="grid-item">{$lang.UPLOAD}</div>
	<div class="grid-item">{$lang.SPEED}</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-inspeed" class="{$classInput}" />Mb/ s
	</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-outspeed" class="{$classInput}" />Mb/ s
	</div>
	<div class="grid-item">{$lang.DASHBOARD_UNITY}</div>
	<div class="grid-item">
	
		{eui_forms_select name="plug-$htmlid-param-unit" 
		id="plug-$htmlid-param-unit" value=$unitInterface selected='percent' 
					style="width: 100px;"
					onchange="selectChangeThresholdUnit('$htmlid','$html_params_id')"}
					
	</div>
	<div class="grid-item"></div>
	<div class="grid-item">{$lang.LGD_WARN}</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-warning-inspeed" class="{$classInput}" />
		<span class="tresh_unity"></span>
	</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-warning-outspeed" class="{$classInput}" />
		<span class="tresh_unity"></span>
	</div>	
	<div class="grid-item">{$lang.LGD_CRI}</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-critical-inspeed" class="{$classInput}" />
		<span class="tresh_unity"></span>
	</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-critical-outspeed" class="{$classInput}" />
		<span class="tresh_unity"></span>
	</div>		
</div>

<div class="default_params_container" id='plug-{$htmlid}-speed-auto-warning'>	
	<label for="plug-{$htmlid}-param-warning" class="{$classLabel}">{$lang.LGD_WARN}</label>
	<input type="number" id="plug-{$htmlid}-param-warning" class="{$classInput}" /> %
</div>
<div class="default_params_container" id='plug-{$htmlid}-speed-auto-critical'>	
	<label for="plug-{$htmlid}-param-critical" class="{$classLabel}">{$lang.LGD_CRI}</label>	
	<input type="number" id="plug-{$htmlid}-param-critical" class="{$classInput}"/> %
</div>