{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">	
	<label for="plug-{$htmlid}-param-host" class="{$classLabel}">{$lang.HOST_IP}</label>
	<input type="text" id="plug-{$htmlid}-param-host"  /> (ex : example.com)
</div>
{if isset($enableUri)}
	<div class="default_params_container">	
		<label for="plug-{$htmlid}-param-uri" class="{$classLabel}">{$lang.PLUGIN_HTTP_URI}</label>
		<input type="text" id="plug-{$htmlid}-param-uri"  /> 
		<span id="plug-{$htmlid}-param-uri-help" class="default_params_help">
			{$lang.PLUGIN_HELP_HTTP_URI}
		</span>
	</div>
{/if}
<div class="default_params_container">
	<span  class="{$classLabel}">{$lang.SSL}</span>	
	<input type="checkbox" id="plug-{$htmlid}-ssl" checked="checked"/>
	<label for="plug-{$htmlid}-ssl">{$lang.HTTPS_SSL}</label>
</div>
<div class="default_params_container">	
	<label for="plug-{$htmlid}-param-port" class="{$classLabel}">{$lang.LGD_PORT}</label>
	<input type="number" id="plug-{$htmlid}-param-port" class="{$classInput}" min="0" max="65535"/> 0 - 65 535
</div>
<script>
	let http_id = '{$htmlid}';
	$(window).on('load', function()
	{ldelim}
		let paramid = $('#{$html_params_id}');
		{literal}
		let param = paramid.val();
		let result = param.match(/\-p\s+([0-9]*)/);
		if(result !== null)
		{
			$('#plug-'+http_id+'-param-port').val(result[1]);
			$('#plug-'+http_id+'-param-port').on( "change", function() 
			{
				param = paramid.val();
				if(param.includes('<port>'))
				{
					param=param.replace(/\-p\s+\<port\>/,'-p '+this.value);
				}
				else
				{
					param=param.replace(/\-p\s+[0-9]*/,'-p '+this.value);
				}
				paramid.val(param);
			});
		}
		result = param.match(/\-H\s+([a-zA-Z\.\-\$\_0-9]*)/);
		if(result !== null)
		{
			$('#plug-'+http_id+'-param-host').val(result[1]);
			$('#plug-'+http_id+'-param-host').on( "change", function() 
			{
				param = paramid.val();
				if(param.includes('$IP'))
				{
					param=param.replace(/\-H\s+\$IP/,'-H '+this.value);
				}
				else
				{
					param=param.replace(/\-H\s+[a-zA-Z\.\-\$\_0-9]*/,'-H '+this.value);
				}
				paramid.val(param);
			});
		}
		if(param.includes('-S'))
		{	
			$('#plug-'+http_id+'-ssl').prop('checked', true);
		}
		else
		{
			$('#plug-'+http_id+'-ssl').prop('checked', false);
		}
		result = param.match(/\-r\s+([a-zA-Z\.\*\-\$\_0-9]*)/);
		if(result !== null)
		{
			$('#plug-'+http_id+'-content-check').prop('checked', true);
			$('#plug-'+http_id+'-param-content').val(result[1]);
			$('#plug-'+http_id+'-content-container').show();
		}
		$('#plug-'+http_id+'-ssl').change(function()
		{
			param = paramid.val();
			if($(this).is(':checked'))
			{
				$('#plug-'+http_id+'-param-port').val(443);	
				param=param.replace(/\-p\s+[0-9]*/,'-p 443');
				if(!param.includes('-S'))
				{	
					param = eui_plugins.addParameter(param,'-S','--sni');
				}
			}
			else
			{
				$('#plug-'+http_id+'-param-port').val(80);	
				param=param.replace(/\-p\s+[0-9]*/,'-p 80');
				if(param.includes('-S'))
				{	
					param = eui_plugins.delParameter(param,'-S');
				}
			}
			paramid.val(param);
		});
		
		$('#plug-'+http_id+'-content-check').change(function()
		{
			param = paramid.val();
			if($(this).is(':checked'))
			{
				$('#plug-'+http_id+'-content-container').show();
				let data='content';
				let old = $('#plug-'+http_id+'-param-content').val();
				if(old !='')
				{
					data=old;
				}
				param = eui_plugins.addParameter(param,'-r',data);
			}
			else
			{
				$('#plug-'+http_id+'-content-container').hide();
				param = eui_plugins.delParameter(param,'-r');
			}
			paramid.val(param);
		});
		$('#plug-'+http_id+'-param-content').change(function()
		{
			param = paramid.val();
			if(!param.includes('-r'))
			{	
				param = eui_plugins.addParameter(param,'-r','content');
			}
			param=param.replace(/\-r\s+[a-zA-Z\.\-\*\$\_0-9]*/,'-r '+this.value);
			paramid.val(param);
		});
	});
	{/literal}
	{if isset($enableUri)}
		$(window).on('load', function()
		{ldelim}
			let paramid = $('#{$html_params_id}');
			let textid ='{$html_params_id}';
			{literal}
			let param = paramid.val();
			let result = param.match(/-u\s+([0-9a-zA-Z\/\.\-]*)/);
			if(result !== null)
			{
				$('#plug-'+http_id+'-param-uri').val(result[1]);
			}
			$('#plug-'+http_id+'-param-uri').on( "change", function() 
			{
				let param = paramid.val();
				let result = param.match(/-u\s+([0-9a-zA-Z\/\.\<\>\-]*)/);
				if(result !== null)
				{
					param=param.replace(/-u\s+([0-9a-zA-Z\/\.\<\>\-]*)/,'-u '+this.value);
				}
				else
				{
					param = eui_plugins.addParameter(param,'-u',this.value);
				}
				
				paramid.val(param);
			});	
						
		});
		{/literal}
	{/if}
</script>
{assign var="path_warn" value="{$smarty.current_dir}/default_warning_critical.html"}
{include file=$path_warn
		action='modif'
		htmlid=$htmlid
		html_params_id=$html_params_id
		unity='second'
		lang=$lang}
		
<div class="default_params_container">
	<span  class="{$classLabel}"></span>	
	<input type="checkbox" id="plug-{$htmlid}-content-check" />
	<label for="plug-{$htmlid}-content">{$lang.PLUGIN_HTTP_CONTENT_LABEL}</label>
</div>
<div class="default_params_container" id="plug-{$htmlid}-content-container" style="display:none;">
	<label for="plug-{$htmlid}-param-content" class="{$classLabel}">{$lang.PLUGIN_HTTP_CONTENT}</label>
	<input type="text" id="plug-{$htmlid}-param-content" class="{$classInput}" style="width:190px;"/> 
</div>