{if !isset($classLabel)}
	{assign var=classLabel value="default_params_label"}
{/if}
{if !isset($classInput)}
	{assign var=classInput value="default_params_input"}
{/if}
<div class="grid-container-3cols" style="width:350px;">
	<div class="grid-item" style="width:150px;">
		{$lang.PORT_FILTER}
	</div>
	<div class="grid-item">
		<input type="checkbox" id="plug-{$htmlid}-port-filter" />
	</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-port" class="{$classInput}" min="1" max="65535" style="display: none;width:120px;"/>
	</div>
	<div class="grid-item">
		{$lang.IP_FILTER}	
	</div>
	<div class="grid-item">
		<input type="checkbox" id="plug-{$htmlid}-ip-filter" />
	</div>
	<div class="grid-item">
		<input type="text" id="plug-{$htmlid}-param-ip" class="{$classInput}" size="16" placeholder="xxx.xxx.xxx.xxx" style="display:none; width:120px;"/>
	</div>
	<div class="grid-item">
		{$lang.PORT_THRESHOLD_ADVANCE}	
	</div>
	<div class="grid-item">
		<input type="checkbox" id="plug-{$htmlid}-thresh-adv" />
	</div>
	<div class="grid-item" style="width:200px;">
		{$lang.PORT_THRESHOLD_ADVANCE_EXPLAIN}	
	</div>
</div>		
<div id="plug-{$htmlid}-param-default-threshold" >
	<div class="default_params_container">	
		<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">	
		<label for="plug-{$htmlid}-param-critical" class="{$classLabel}">{$lang.LGD_CRI}</label>
		<input type="number" id="plug-{$htmlid}-param-critical" class="{$classInput}"/>
	</div>	
</div>	
<div class="grid-container-3cols" id="plug-{$htmlid}-param-adv-threshold" style="width:350px;display:none;">
	<div class="grid-item"></div>
	<div class="grid-item">{$lang.PORT_MINIMUN_CONNECTION}</div>
	<div class="grid-item">{$lang.PORT_MAXIMUN_CONNECTION}</div>
	<div class="grid-item">{$lang.LGD_WARN}</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-warning-min" min="0" class="{$classInput}" />
		<span class="tresh_unity"></span>
	</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-warning-max" 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-min" min="0" class="{$classInput}" />
		<span class="tresh_unity"></span>
	</div>
	<div class="grid-item">
		<input type="number" id="plug-{$htmlid}-param-critical-max" class="{$classInput}" />
		<span class="tresh_unity"></span>
	</div>
</div>	
<script>
	let cri_warn_id = '{$htmlid}';

	$(window).on('load', function()
	{ldelim}
		let paramid = $('#{$html_params_id}');
		{literal}
		$('#plug-'+cri_warn_id+'-port-filter').change(function()
		{
			if(! $('#plug-'+cri_warn_id+'-port-filter').prop('checked') )
			{
				$('#plug-'+cri_warn_id+'-param-port').hide();
				param = eui_plugins.delParameter(param,'-m');
				paramid.val(param);
			}
			else
			{
				$('#plug-'+cri_warn_id+'-param-port').show();
				let val = $('#plug-'+cri_warn_id+'-param-port').val();
				if(val !== null)
				{
					param = eui_plugins.addParameter(param,'-m',val);
					paramid.val(param);
				}
				$('#plug-'+cri_warn_id+'-param-port').change(function()
				{
					let val = $('#plug-'+cri_warn_id+'-param-port').val();
					let param = paramid.val();
					result = param.match(/\-m\s+([0-9]*)/);
					if(result !== null)
					{
						param = eui_plugins.replaceParameter(param,'-m','([0-9]*)',val);
					}	
					else
					{
						param = eui_plugins.addParameter(param,'-m',val);
					}		
					paramid.val(param);
				});
				
			}
		});
		$('#plug-'+cri_warn_id+'-ip-filter').change(function()
		{
			if(! $('#plug-'+cri_warn_id+'-ip-filter').prop('checked') )
			{
				$('#plug-'+cri_warn_id+'-param-ip').hide();
				param = eui_plugins.delParameter(param,'--IP');
				paramid.val(param);
			}
			else
			{
				$('#plug-'+cri_warn_id+'-param-ip').show();
				let val = $('#plug-'+cri_warn_id+'-param-ip').val();
				if(val !== null)
				{
					param = eui_plugins.addParameter(param,'--IP',val);
					paramid.val(param);
				}
				$('#plug-'+cri_warn_id+'-param-ip').show();
				$('#plug-'+cri_warn_id+'-param-ip').change(function()
				{
					let val = $('#plug-'+cri_warn_id+'-param-ip').val();
					let param = paramid.val();
					result = param.match(/\-\-IP\s+([0-9\.\:a-fA-F]*)/);
					if(result !== null)
					{
						param = eui_plugins.replaceParameter(param,'--IP','([0-9\.\:a-fA-F]*)',val);
					}	
					else
					{
						param = eui_plugins.addParameter(param,'--IP',val);
					}		
					paramid.val(param);
				});
			}
		});
		$('#plug-'+cri_warn_id+'-param-warning').on( "change", function() 
		{
			param = paramid.val();
			param = eui_plugins.replaceParameter(param,'-w','[0-9]*',this.value);
			paramid.val(param);
		});
		$('#plug-'+cri_warn_id+'-param-critical').on( "change", function() 
		{	
			param = paramid.val();
			param = eui_plugins.replaceParameter(param,'-c','[0-9]*',this.value);
			paramid.val(param);
		});		
		$('#plug-'+cri_warn_id+'-thresh-adv').change(function()
		{
			if($('#plug-'+cri_warn_id+'-param-adv-threshold').is(':hidden'))
			{
				$('#plug-'+cri_warn_id+'-param-adv-threshold').show();
				$('#plug-'+cri_warn_id+'-param-default-threshold').hide();
				param = paramid.val();
				result = param.match(/\-w\s+([0-9\,]*)/);
				if(result[1] !== "")
				{
					let warn = result[1];
					let res = warn.match(/([0-9]*),([0-9]*)/);
					if(res !== null)
					{
						$('#plug-'+cri_warn_id+'-param-warning-min').val(res[1]);
						$('#plug-'+cri_warn_id+'-param-warning-max').val(res[2]);
					}
					else
					{
						$('#plug-'+cri_warn_id+'-param-warning-min').val(result[1]);
						$('#plug-'+cri_warn_id+'-param-warning-max').val(result[1]);
						param = eui_plugins.replaceParameter(param,'-w','[0-9\,]*',warn+','+warn);
						paramid.val(param);
					}
				}
				result = param.match(/\-c\s+([0-9\,]*)/);
				if(result[1] !== "")
				{
					let crit = result[1];
					let res = crit.match(/([0-9]*),([0-9]*)/);
					if(res !== null)
					{
						$('#plug-'+cri_warn_id+'-param-critical-min').val(res[1]);
						$('#plug-'+cri_warn_id+'-param-critical-max').val(res[2]);
					}
					else
					{
						$('#plug-'+cri_warn_id+'-param-critical-min').val(result[1]);
						$('#plug-'+cri_warn_id+'-param-critical-max').val(result[1]);
						param = eui_plugins.replaceParameter(param,'-c','[0-9\,]*',crit+','+crit);
						paramid.val(param);
					}
				}
			}
			else
			{
				$('#plug-'+cri_warn_id+'-param-adv-threshold').hide();
				$('#plug-'+cri_warn_id+'-param-default-threshold').show();
				param = paramid.val();
				result = param.match(/\-w\s+([0-9\,]*)/);
				if(result[1] !== "")
				{
					let warn = result[1];
					let res = warn.match(/([0-9]*),([0-9]*)/);
					if(res !== null)
					{
						$('#plug-'+cri_warn_id+'-param-warning').val(res[2]);
						param = eui_plugins.replaceParameter(param,'-w','[0-9\,]*',res[2]);
						paramid.val(param);
					}
					else
					{
						$('#plug-'+cri_warn_id+'-param-warning').val(res[1]);
					}
				}
				result = param.match(/\-c\s+([0-9\,]*)/);
				if(result[1] !== "")
				{
					let crit = result[1];
					let res = crit.match(/([0-9]*),([0-9]*)/);
					if(res !== null)
					{
						$('#plug-'+cri_warn_id+'-param-critical').val(res[2]);
						param = eui_plugins.replaceParameter(param,'-c','[0-9\,]*',res[2]);
						paramid.val(param);
					}
					else
					{
						$('#plug-'+cri_warn_id+'-param-critical').val(result[1]);
					}
				}
				
			}
			$('#plug-'+cri_warn_id+'-param-warning-min').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9]*)',this.value+',$2');
				paramid.val(param);
			});
			$('#plug-'+cri_warn_id+'-param-warning-max').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9]*)','$1,'+this.value);
				paramid.val(param);
			});
			$('#plug-'+cri_warn_id+'-param-critical-min').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9]*)',this.value+',$2');
				paramid.val(param);
			});
			$('#plug-'+cri_warn_id+'-param-critical-max').on( "change", function() 
			{	
				param = paramid.val();
				param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9]*)','$1,'+this.value);
				paramid.val(param);
			});
			
		});
		let param = paramid.val();		
		let result = param.match(/\-w\s+([0-9\,]*)/);
		if(result[1] !== "")
		{
			let warn = result[1];
			let res = warn.match(/([0-9]*),([0-9]*)/);
			if(res !== null)
			{
				$('#plug-'+cri_warn_id+'-param-warning-min').val(res[1]);
				$('#plug-'+cri_warn_id+'-param-warning-max').val(res[2]);
				$('#plug-'+cri_warn_id+'-thresh-adv').prop("checked", true).change();
			}
			else
			{
				$('#plug-'+cri_warn_id+'-param-warning').val(result[1]);
			}
		}
		result = param.match(/\-c\s+([0-9\,]*)/);
		if(result !== null)
		{
			let crit = result[1];
			let res = crit.match(/([0-9]*),([0-9]*)/);
			if(res !== null)
			{
				$('#plug-'+cri_warn_id+'-param-critical-min').val(res[1]);
				$('#plug-'+cri_warn_id+'-param-critical-max').val(res[2]);
			}
			else
			{
				$('#plug-'+cri_warn_id+'-param-critical').val(result[1]);
			}
		}
		result = param.match(/\-\-IP\s+([0-9\.\:a-fA-F]*)/);
		if(result !== null)
		{
			$('#plug-'+cri_warn_id+'-param-ip').val(result[1]);
			$('#plug-'+cri_warn_id+'-param-ip').show();
			$('#plug-'+cri_warn_id+'-ip-filter').prop("checked", true)
		}
		result = param.match(/\-m\s+([0-9]*)/);
		if(result !== null)
		{
			$('#plug-'+cri_warn_id+'-param-port').val(result[1]);
			$('#plug-'+cri_warn_id+'-param-port').show();
			$('#plug-'+cri_warn_id+'-port-filter').prop("checked", true)
		}
	});
	{/literal}
</script>