{if isset($clear_post)}
<script type="text/javascript">
	window.history.replaceState(null, null, window.location.href); // or pushState
</script>
{/if}


{if isset($dialog_mode)}
{include file='overall_adm_iframe.html'}
<link rel="stylesheet" type="text/css" href="import.css">
{if isset($error_messages) && !empty($error_messages)}
		<div class="EventCritical">
				{foreach from=$error_messages item=message}
				<p>{$message}</p>
				{/foreach}
		</div>
{/if}
{if isset($success_message)}
		<div class="EventOK"><p>{$success_message}</p></div>
{/if}
{elseif $tab eq '' && $action eq ''}
{include file='overall_header.html'}
<link rel="stylesheet" type="text/css" href="{$plugin_url}common.css"/>
<link rel="stylesheet" type="text/css" href="{$plugin_url}import.css"/>
<script type="text/javascript" src="{$plugin_url}/js/common.js"></script>
<div id="messages"></div>
<div id="ipamImportTab" class="ipamTabs">
    <ul>
     <!-- tab-vul -->
         <li class="tab-home"><a href="{$plugin_url}control_import.php?tab=home&autoAddNetDialog={$autoAddNetDialog|default:false}" class="menutabs">
            {$lang.IPAM_MAIN}</a>
        </li>
        <li class="tab-network"><a href="{$plugin_url}control_import.php?tab=history&autoAddNetDialog={$autoAddNetDialog|default:false}" class="menutabs">
           {$lang.IPAM_OLDSCAN}</a>
        </li>
         <li class="tab-network"><a href="{$plugin_url}control_import.php?tab=planified&autoAddNetDialog={$autoAddNetDialog|default:false}" class="menutabs">
           {$lang.IPAM_PLANSCAN}</a>
        </li>
    </ul>
</div>
<script type="text/javascript">
	$(function()
	{ldelim}
	let resetTab=0;
	{if isset($resetTab)}
		resetTab = 1;
	{/if}
	loadIpamTabs('#ipamImportTab','openedIpamImportTab',resetTab);
	{rdelim});
</script>
{include file='overall_footer.html'}
{elseif $tab eq 'home'}
<link rel="stylesheet" type="text/css" href="import.css">
{if isset($error_messages) && !empty($error_messages)}
		<div class="EventCritical">
				{foreach from=$error_messages item=message}
				<p>{$message}</p>
				{/foreach}
		</div>
{/if}
{if isset($success_message)}
		<div class="EventOK"><p>{$success_message}</p></div>
{/if}


{if $privileges.esia_import}
<div class="tableview_title">
		<h1>{$lang.IPAM_SCAN_ADD_SCAN_LABEL}</h1>
</div>
{include file='./inc/form_addscan.inc.html'}

<script type="text/javascript" src='js/common.js'></script>
<script type="text/javascript">
var availableTags = [
{foreach $auto_complete_communities item=$row}
 "{$row}",
{/foreach}
];
{literal}
$( function() {
	$( "#snmp_communities" ).autocomplete({
  		source: availableTags
	});
});
$( "#start_scan_form" ).on('submit',function()
{
    var url = $( '#start_scan_form' ).attr('action');
    url = url + '?tab=home';
    $( '#start_scan_form' ).attr('action',url);
    var posting = $.post( url ,$("#start_scan_form").serialize(),function( data )
    {
        $('#ipamImportTab #start_scan_form').parent('.ui-tabs-panel').html(data);
    });
    return false;
});
{/literal}

</script>
{/if}

{if !empty($scan_list)}
{include file='./inc/table_import.inc.html' table_id='scan_list' sorter=false data=$import_list title=$lang.IPAM_SCAN_ENDED}
{/if}

<div id="dialog-planif" title="Planif">
</div>
{elseif $tab eq 'history'}
{include file='./inc/table_import.inc.html' table_id='history_scan_list' sorter=true data=$import_list title=$lang.IPAM_SCAN_ENDED}
{elseif $tab eq 'planified'}
{include file='./inc/table_import.inc.html' table_id='planified_scan_list' sorter=true data=$import_list size='planified' title=$lang.IPAM_SCAN_ENDED}
{elseif $action eq 'showScanHost'}
{include file='overall_header.html'}
<script src="/libs/js/tablesorter/js/parsers/parser-input-select.min.js"></script>
<script type="text/javascript" src='js/common.js'></script>
<script type="text/javascript" src='js/hostlist.js'></script>
<link rel="stylesheet" type="text/css" href="import.css">

<div id="gesa" data-value="{$gesa_id}"></div>

<div id="messages">
{if isset($success_message)}
	<div class="ui-state-active ui-corner-all"><p><span class="ui-icon ui-icon-info"></span>{$success_message}</p></div>
{/if}

{foreach from=$error_messages item=message}
	<div class="ui-state-error ui-corner-all"><p><span class="ui-icon ui-icon-alert"></span>{$message}</p></div>
{/foreach}
</div>

{if isset($data_array[0])}
<div class="tableview_title spaceTop">
	<h1>{$lang.ACTION_GROUPED}</h1>
</div>
<div class="tableview padMore">
	<div id="all_body" class="groupedActionImport">
		<div class="infoHelp">
			<p>{$lang.IPAM_HELP_GROUPED_ACTIONS}</p>
		</div>
		<div class="grp-actions-container">
			<div class="grp-action th-group" data-autocomplete="{$choosen_values.group.values|escape:'html'}">
                    <label>{*lien permettant d'ouvrir un nouvelle fenêtre*}
                        <a title="{$lang.ADM_NODE_GROUP_ADD}" href="/administration.php?admin=nodegroups&action=create"
                                onclick="Adm.openDialog(this,'{$lang.ADM_NODE_GROUP_ADD}',reloadAllSelectGroup,'nodegroup_dialog',500,350,'notReloadWindow'); return false;" >
						    <img class="btn_img" src="/theme/default/images/add-group-thin2.png" alt="add node"/>
                        </a>
                        {$lang.ADM_GRP}
                    </label>
                   {eui_forms_selectGroups name='nodegroup[]'
                   		id='param-nodegroup'
                   		onchange='updateSelectectNode(\'node_group\');'
                   		label_group=""}
			</div>
			<div class="grp-action th-type" data-autocomplete="{$choosen_values.type.values|escape:'html'}">
				{eui_forms_select name='type'
					label=$lang.IPAM_HOSTS_TABLE_TYPE
					id="param-grp-type"
					value=$choosen_values.type.values
					onchange='updateSelectectNode(\'node_type\');'}
			</div>
			<div class="grp-action th-pattern" data-autocomplete="{$choosen_values.pattern.values|escape:'html'}">
				{eui_forms_select
					name='pattern[]'
					label=$lang.IPAM_HOSTS_TABLE_PATTERN
					id="param-grp-pattern"
					value=$choosen_values.pattern.values
					onchange='updateSelectectNode(\'node_pattern\');'}
			</div>
			<div style="display:flex; flex: 1 1 auto;">
				<div class="grp-action th-snmp_ver" data-autocomplete="{$choosen_values.snmp_ver.values|escape:'html'}">
					{eui_forms_select name='snmp_ver'
						id="param-grp-snmp_ver"
						label=$lang.IPAM_HOSTS_TABLE_SNMP_VER
						value=$choosen_values.snmp_ver.values onchange='updateSelectectNode(\'snmp_ver\');'}

				</div>
				<div class="grp-action th-community" data-autocomplete="{$choosen_values.community.values|escape:'html'}">
					<div><label for="param-grp-community">{$lang.IPAM_HOSTS_TABLE_COMMUNITY}</label></div>
					<input id="param-grp-community" name='community' type='text'>
				</div>
			</div>
		</div>
		<div class="clear"></div>
		</div>
	</div>

<div class="tableview_title spaceTop">
	<h1>{$lang.IPAM_SCAN_DETECTED_NODES}</h1>
</div>
<div class="tableview">
	<div class="filters">
		<span class="titleSelect">
			{$lang.IPAM_SELECT_TITLE}
		</span>
		<ul>
			<li class="selectAll">{$lang.IPAM_SELECT_ALL}</li>
			<li class="unselectAll">{$lang.IPAM_UNSELECT_ALL}</li>
			<li class="showNew">{$lang.IPAM_SELECT_NEW}</li>
			<li class="selectType"><span>{$lang.IPAM_SELECT_TYPE}</span></li>
			<li class="selectSnmp"><span>{$lang.IPAM_HOSTS_TABLE_SNMP_STATUS} : </span></li>
			<li class="selectIp"><span>{$lang.IPAM_SELECT_BY_IP} : </span> <input type="text" id="lookForIP" placeholder="IP"></li>
		</ul>
	</div>
	<div class="nodeDetected" data-taskid={$taskid}>
	<input id="snmp_default" name='snmp_default' type='hidden' value='{$default_snmp_json}'>
	{foreach $data_array item=row name=row key=k}
	<div class="aNode" data-id="{$k}">
		<div class="contentNode">
			<div class="leftNode">
				<input name='checkbox' type="checkbox" class="myCheckSelectNode" value="">
			</div>
			<div class="rightNode">
				<div class="headNode">
					<div class="imgTypeNode">
						{if isset($row.logo_type.img)}
							<img src="{$row.logo_type.img}" title="{$row.logo_type.text}">
						{/if}
							<span>{$row.logo_type.text}</span>
					</div>
					<div class="optionPanel">
						<ul>
							<li><p><span class="rescan_node"  title="{$lang.IPAM_RESCAN}"><img width="19" height="19" src="/theme/default/images/reloadScan.png" /></span></p></li>
							{if $row.http_url != ""}
							<li><p><a href="{$row.http_url}" target="_blank" title="{$lang.IPAM_HTTP_INTERFACE}"><img width="19" height="19" src="/theme/default/images/http.png" /></a></p></li>
							{/if}
						</ul>
					</div>
					<div class="txtInfosNode">
						<span class="sameAddr">
							{if $row.sameAddr == "0"}
							<img src="/theme/default/images/ok-thin.png" title="{$lang.IPAM_HOSTS_TABLE_SAME_ADDR_NO}" />
							{else}
							<img src="/theme/default/images/ko-thin.png" title="{$lang.IPAM_HOSTS_TABLE_SAME_ADDR_YES}" />
							{/if}
						</span>
						<span class="snmpStat">
							{if !empty($row.community)}
								<img src="/theme/default/images/snmp.png" title="{$row.snmp_status}" />
							{else}
								{if $row.snmp_status == 'unknown'}
									<img src="/theme/default/images/snmp-unknown.png" title="{$row.snmp_status_desc}" />
								{else if $row.snmp_status == 'open'}
									<img src="/theme/default/images/snmp.png" title="{$row.snmp_status_desc}" />
								{else}
									<img src="/theme/default/images/snmp-closed.png" title="{$row.snmp_status_desc}" />
								{/if}
							{/if}
						</span>
						<span class="snmpHideStatus">{$row.snmp_status}</span>
						<input name='snmp_status' type='hidden' value='{$row.snmp_status}'>
						<span class="sameAddrVerif">{$row.sameAddr}</span>
						<input name='sameAddr' type='hidden' value='{$row.sameAddr}'><br />

						<span class="title">{$lang.IPAM_HOSTS_TABLE_ADDRESS} : </span><span class="address"> {$row.address}</span>
						<input name='address' type='hidden' value='{$row.address}'>

						{if $row.mac.mac !=""}
							<span class="title">
								{if !$row.mac.vendor}
									{$lang.IPAM_HOSTS_TABLE_MAC} :
								{/if}
							</span>
							<span class="address">
								{if $row.mac.vendor}
									{$row.vendor} <a href="#" title="{$row.mac.mac} {$lang.IPAM_CLICK_TO_COPY_MAC}" class="copyClip"><img  src="/theme/default/images/mac-info.png" /></a>
									<input name='mac' id="selMac" type='hidden' value='{$row.mac.mac}' />
								{else}
									{$row.mac.mac}
								{/if}
							</span>
						{/if}
						<input name='mac' type='hidden' value='{$row.mac.mac}'><br />

						{if $row.hostname!=""}
							<span class="title"> {$lang.IPAM_HOSTS_TABLE_HOSTNAME} : </span>
							<span class="address"> {$row.hostname}</span>
						{/if}
						<input name='hostname' type='hidden' value='{$row.hostname}'><br />
						<span class="showParam">{$lang.IPAM_HOSTS_TABLE_SHOW_PARAM}</span>
					</div>
				</div>
			</div>
			<div class="parameterNode">
				<div class="parameterNodeParam">
					<label for="param-{$k}-name">{$lang.IPAM_HOSTS_TABLE_NAME}</label>
					{if is_array($row.name) && $row.name.mode == 'invalid' }
					<input id="param-{$k}-name" name='name' type='text' value='{$row.name.value}' class='invalid-input' data-origin='{$row.name.value}'>
					{else}
					<input id="param-{$k}-name" name='name' type='text' value='{$row.name}'>
					{/if}
				</div>
				<div class="parameterNodeParam">
					{eui_forms_select name='type'
						class="node-type"
						label=$lang.IPAM_HOSTS_TABLE_TYPE
						id="param-`$k`-type"
						selected=$row.type
						value=$choosen_values.type.values}
				</div>
				<div class="parameterNodeParam">
					{eui_forms_selectGroups name='group[]'
						class="node-group"
						id="param-`$k`-group"}
				</div>
				<div class="parameterNodeParam parameterSnmpVersion">
					<label for="param-{$k}-snmp_ver">{$lang.IPAM_HOSTS_TABLE_SNMP_VER}</label>
					{eui_forms_select name='snmp_ver'
						class="node-snmp-ver"
						id="param-`$k`-snmp_ver"
						value=$choosen_values.snmp_ver.values
						onchange="show_hide_snmpv3(`$k`)"
						selected=$row.snmp_ver}

				</div>
				{if $default_snmp.version = 'v3'}
				<div class="parameterNodeParam parameterSnmpv3">
					<label for="param-{$k}-snmpv3">{$lang.ADM_SNMP3_USER}</label>
					<input id="param-{$k}-snmpv3" name='auth_user' type='text' value='{$default_snmp.auth_user|default:''}' disabled>
				</div>
				{/if}
				<div class="parameterNodeParam parameterSnmpv1_2">
					<label for="param-{$k}-community">{$lang.IPAM_HOSTS_TABLE_COMMUNITY}</label>
					{if is_array($row.community) && $row.community.mode == 'invalid' }
					<input id="param-{$k}-community" name='community' type='text' value='{$row.community.value}' class='invalid-input' data-origin='{$row.community.value}'>
					{else}
					<input id="param-{$k}-community" name='community' type='text' value='{$row.community}'>
					{/if}
				</div>
				<div class="parameterNodeParam">
					{eui_forms_select name='pattern[]'
						class="node-pattern"
						label=$lang.IPAM_HOSTS_TABLE_PATTERN
						id="param-`$k`-pattern"
						selected=$row.pattern
						value=$choosen_values.pattern.values}

				</div>
			</div>
		</div>
	</div>
	{/foreach}
	</div>
	<div class="clear"></div>
	<div class="theLoader">
		<div class="load">
			<span class="loadThin"></span>
		</div>
	</div>
</div>
<button id="add-nodes-button" disabled>{$lang.IPAM_HOSTS_ADD_NODES_BUTTON}</button>
{/if}
<div id="dialog" title="{$lang.IPAM_HOSTS_NODES_ADD_RESULTS}"></div>
{include file='overall_footer.html'}
{/if}