{if !isset($classLabel)}
	{assign var=classLabel value="default_params_label"}
{/if}
{if !isset($classInput)}
	{assign var=classInput value="default_params_input"}
{/if}
{assign var=periodList value=['h'=>{$lang.HOUR},'d'=>{$lang.DAY},'w'=>{$lang.WEEK},'m'=>{$lang.MONTH}]}
{assign var=unitBytes value=['KB'=>'KB','MB'=>'MB','GB'=>'GB','TB'=>'TB']}
{assign var=typeTestInOut value=['bounces'=>'bounces','mail'=>'mail','spam'=>'spam','virus'=>'virus']}
{assign var=typeTestReject value=['pregreet_rejects'=>'pregreet','rbl_rejects'=>'rbl']}

<script>
	let pmg_id = '{$htmlid}';
	$(window).on('load', function()
	{ldelim}
		let paramid = $('#{$html_params_id}');
		{literal}
		let param = paramid.val();

        result = param.match(/\-p\s+([\d]+)([\w])/);
        if(result !== null)
        {
            $('#plug-'+pmg_id+'-param-period-value').val(result[1]);
            eui_sselect['plug-'+pmg_id+'-param-period'].setSelected(result[2]);
            $('#plug-'+pmg_id+'-param-period-value').on( "change", function()
            {
                param = paramid.val();
                param = eui_plugins.replaceParameter(param,'-p','([0-9]*)',this.value);
                paramid.val(param);
            });
        }

        result = param.match(/\-T\s+([\S]+)/);
        const pluginType = result[1];
        result = param.match(/\-m\s+([\S]+)/);
        const pluginMatch = result[1];
        if( pluginMatch == 'bytes' )
        {
            $('#plug-'+pmg_id+'-param-match-IO').parent().parent().remove();
            result = param.match(/\-w\s+([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)/);
    		if(result !== null)
    		{
    			$('#plug-'+pmg_id+'-in-warning').val(result[1]);
                eui_sselect['plug-'+pmg_id+'-in-unit-warning'].setSelected(result[2]);
    			$('#plug-'+pmg_id+'-out-warning').val(result[3]);
                eui_sselect['plug-'+pmg_id+'-out-unit-warning'].setSelected(result[4]);
    			$('#plug-'+pmg_id+'-in-warning').on( "change", function()
    			{
    				param = paramid.val();
    				param = eui_plugins.replaceParameter(param,'-w','([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)',this.value+'$2,$3$4');
    				paramid.val(param);
    			});
    			$('#plug-'+pmg_id+'-out-warning').on( "change", function()
    			{
    				param = paramid.val();
    				param = eui_plugins.replaceParameter(param,'-w','([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)','$1$2,'+this.value+'$4');
    				paramid.val(param);
    			});
    		}

    		result = param.match(/\-c\s+([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)/);
    		if(result !== null)
    		{
    			$('#plug-'+pmg_id+'-in-critical').val(result[1]);
                eui_sselect['plug-'+pmg_id+'-in-unit-critical'].setSelected(result[2]);
    			$('#plug-'+pmg_id+'-out-critical').val(result[3]);
                eui_sselect['plug-'+pmg_id+'-out-unit-critical'].setSelected(result[4]);
    			$('#plug-'+pmg_id+'-in-critical').on( "change", function()
    			{
    				param = paramid.val();
    				param = eui_plugins.replaceParameter(param,'-c','([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)',this.value+'$2,$3$4');
    				paramid.val(param);
    			});
    			$('#plug-'+pmg_id+'-out-critical').on( "change", function()
    			{
    				param = paramid.val();
    				param = eui_plugins.replaceParameter(param,'-c','([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)','$1$2,'+this.value+'$4');
    				paramid.val(param);
    			});
    		}
        }
        else
        {
            $('.pmg_bytes_unit').remove();
            result = param.match(/\-m\s+([^ ]+)/);

            if( pluginType == 'statistics')
            {
                $('.pmg_in_out_title').remove();
                $('.pmg_out').remove();

                $('#plug-'+pmg_id+'-param-match-IO').parent().remove();
                if(result !== null)
                {
                    eui_sselect['plug-'+pmg_id+'-param-match-IO'].setSelected(result[1]);
                }

                result = param.match(/\-w\s+([0-9]*)/);
                if(result !== null)
                {
                    $('#plug-'+pmg_id+'-in-warning').val(result[1]);
                    $('#plug-'+pmg_id+'-in-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-'+pmg_id+'-in-critical').val(result[1]);
                    $('#plug-'+pmg_id+'-in-critical').on( "change", function()
                    {
                        param = paramid.val();
                        param = eui_plugins.replaceParameter(param,'-c','([0-9]*)',this.value);
                        paramid.val(param);
                    });
                }
            }
            else
            {
                $('#plug-'+pmg_id+'-param-match-reject').parent().remove();
                if(result !== null)
                {
                    eui_sselect['plug-'+pmg_id+'-param-match-reject'].setSelected(result[1]);
                }

                result = param.match(/\-w\s+([0-9]*),([0-9]*)/);
        		if(result !== null)
        		{
        			$('#plug-'+pmg_id+'-in-warning').val(result[1]);
        			$('#plug-'+pmg_id+'-out-warning').val(result[2]);
        			$('#plug-'+pmg_id+'-in-warning').on( "change", function()
        			{
        				param = paramid.val();
        				param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9]*)',this.value+',$2');
        				paramid.val(param);
        			});
        			$('#plug-'+pmg_id+'-out-warning').on( "change", function()
        			{
        				param = paramid.val();
        				param = eui_plugins.replaceParameter(param,'-w','([0-9]*),([0-9]*)','$1,'+this.value);
        				paramid.val(param);
        			});
        		}

        		result = param.match(/\-c\s+([0-9]*),([0-9]*)/);
        		if(result !== null)
        		{
        			$('#plug-'+pmg_id+'-in-critical').val(result[1]);
        			$('#plug-'+pmg_id+'-out-critical').val(result[2]);
        			$('#plug-'+pmg_id+'-in-critical').on( "change", function()
        			{
        				param = paramid.val();
        				param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9]*)',this.value+',$2');
        				paramid.val(param);
        			});
        			$('#plug-'+pmg_id+'-out-critical').on( "change", function()
        			{
        				param = paramid.val();
        				param = eui_plugins.replaceParameter(param,'-c','([0-9]*),([0-9]*)','$1,'+this.value);
        				paramid.val(param);
        			});
        		}
            }
        }
        paramid.attr('data-onload',"1");
    });

    function selectChangePeriod(inputid,paramid)
    {
        let val = $('#'+inputid).val();
        let loaded = $('#'+paramid).attr('data-onload');
        if(loaded == 1)
        {
            let mainid = $('#'+paramid);
            let param = mainid.val();
            param = eui_plugins.replaceParameter(param,'-p','([0-9]*)([h|d|w|m])','$1'+val);
            mainid.val(param);
        }
    }

    function selectChangeTypeTest(inputid,paramid)
    {
        let val = $('#'+inputid).val();
        let loaded = $('#'+paramid).attr('data-onload');
        if(loaded == 1)
        {
            let mainid = $('#'+paramid);
            let param = mainid.val();
            param = eui_plugins.replaceParameter(param,'-m','[^ ]+',val);
            param = eui_plugins.replaceParameter(param,shortparam,'([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)','$1'+val+',$3$4');
            mainid.val(param);
        }
    }
    function selectChangeBytesUnit(treshold,dir,paramid)
    {
        let val = $('#plug-'+pmg_id+'-'+dir+'-unit-'+treshold).val();
        let loaded = $('#'+paramid).attr('data-onload');

        if(loaded == 1)
        {
            let mainid = $('#'+paramid);
            let shortparam = '-c';
            let param = mainid.val();
            let reg;
            if(treshold =='warning')
            {
                 shortparam = '-w';
                 result = param.match(/\-w\s+([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)/);
            }
            else
            {
                result = param.match(/\-c\s+([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)/);
            }
            if(result !== null)
            {
                if(dir == 'in')
                {
                    param = eui_plugins.replaceParameter(param,shortparam,'([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)','$1'+val+',$3$4');
                }
                else
                {
                    param = eui_plugins.replaceParameter(param,shortparam,'([0-9]*)([KMGT]B),([0-9]*)([KMGT]B)','$1$2,$3'+val);
                }
            }
            mainid.val(param);
        }
    }
	{/literal}
</script>
<div class="default_params_container">
        <label for="plug-{$htmlid}-param-match" class="{$classLabel}">{$lang.NAME}</label>
        <div>
        {eui_forms_select name="plug-{$htmlid}-param-match"
                id="plug-{$htmlid}-param-match-IO" value=$typeTestInOut
                style="width: 120px;"
                onchange="selectChangeTypeTest('plug-{$htmlid}-param-match-IO','$html_params_id')"}
        </div>
        <div>
        {eui_forms_select name="plug-{$htmlid}-param-match"
                id="plug-{$htmlid}-param-match-reject" value=$typeTestReject
                style="width: 120px;"
                onchange="selectChangeTypeTest('plug-{$htmlid}-param-match-reject','$html_params_id')"}
        </div>
</div>
<div class="default_params_container">
        <label for="plug-{$htmlid}-param-period-value" class="{$classLabel}">{$lang.DASHBOARD_RRD_PERIOD}</label>
        <input type="number" id="plug-{$htmlid}-param-period-value" class="{$classInput}" min="1" />
        <div>
        {eui_forms_select name="plug-{$htmlid}-param-period"
                id="plug-{$htmlid}-param-period" value=$periodList
                style="width: 120px;"
                onchange="selectChangePeriod('plug-{$htmlid}-param-period','$html_params_id')"}
        </div>
</div>
<div class="grid-container-process">
	<div class="grid-item pmg_in_out_title"></div>
	<div class="grid-item pmg_in pmg_in_out_title">{$lang.DOWNLOAD}</div>
	<div class="grid-item pmg_out pmg_in_out_title">{$lang.UPLOAD}</div>
	<div class="grid-item">{$lang.LGD_WARN}</div>
	<div class="grid-item pmg_in">
        <div class="default_params_container">
		<input type="number" id="plug-{$htmlid}-in-warning" class="{$classInput}" min="1" />
        {eui_forms_select name="plug-{$htmlid}-in-unit-warning"
                id="plug-{$htmlid}-in-unit-warning" value=$unitBytes
                style="width: 60px;"
                class="pmg_bytes_unit"
                onchange="selectChangeBytesUnit('warning','in','$html_params_id')"}
        </div>
	</div>
	<div class="grid-item">
        <div class="default_params_container pmg_out">
		          <input type="number" id="plug-{$htmlid}-out-warning" class="{$classInput}" min="1"/>
                  {eui_forms_select name="plug-{$htmlid}-out-unit-warning"
                          id="plug-{$htmlid}-out-unit-warning" value=$unitBytes
                          style="width: 60px;"
                          class="pmg_bytes_unit"
                          onchange="selectChangeBytesUnit('warning','out','$html_params_id')"}
        </div>
	</div>
	<div class="grid-item">{$lang.LGD_CRI}</div>
	<div class="grid-item pmg_in">
        <div class="default_params_container pmg_in">
		<input type="number" id="plug-{$htmlid}-in-critical" class="{$classInput}" min="1"/>
        {eui_forms_select name="plug-{$htmlid}-in-unit-critical"
                id="plug-{$htmlid}-in-unit-critical" value=$unitBytes
                style="width: 60px;"
                class="pmg_bytes_unit"
                onchange="selectChangeBytesUnit('critical','in','$html_params_id')"}
        </div>
	</div>
	<div class="grid-item pmg_out">
        <div class="default_params_container">
		<input type="number" id="plug-{$htmlid}-out-critical" class="{$classInput}" min="1"/>
        {eui_forms_select name="plug-{$htmlid}-out-unit-critical"
                id="plug-{$htmlid}-out-unit-critical" value=$unitBytes
                style="width: 60px;"
                class="pmg_bytes_unit"
                onchange="selectChangeBytesUnit('critical','out','$html_params_id')"}
        </div>
	</div>
</div>