{if $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}


<div id='ipam_page' class='container'>
	{if $privileges.esia_import}
    <div id='ipam_page_header' class="ipam_dev">

        <div id='ipam_add_import' class="item">
            <div class="tableview_title">
            		<h1>{$lang.IPAM_SCAN_ADD_SCAN_LABEL}</h1>
            </div>
            <div class="section-content">
            {include file='./inc/form_addscan.inc.html'}
            </div>
        </div>
        <div id='ipam_busy_address' class="item">
            <div class="tableview_title">
                <h1>{$lang.IPAM_TITLE_BUSY_ADDR}</h1>
            </div>
            <div class="section-content ipamBusyList">
                <table class="tab">
                {foreach $busy_addr item=addr_info}
				<tr class="busy">
					<td class="ipCell">
						{if isset($addr_info.reserved_type)}
							<p class="addrRectColor busy {$addr_info.reserved_type|lower}" title="{$lang["IPAM_DEV_BUSY_AND_{$addr_info.reserved_type|upper}_STATE"]|default:''}">{$addr_info.addr}</p>
						{else}
							<p class="addrRectColor busy" title="{$lang.IPAM_DEV_BUSY_STATE}">{$addr_info.addr}</p>
						{/if}
					</td>
					<td class="hostnameCell">
						<p>{$addr_info.hostname|default:''}</p>
					</td>
					<td>
						<a title="{$lang.ADM_ADD_DEV}" href="{$apache_path}/adv_device_add.php?admin=device&amp;action=create&amp;addr={$addr_info.addr}&amp;source_id={$id}" onclick="Adm.openDialog(this,'{$lang.ADM_ADD_DEV}',reload_active_tabs); return false;">
							<img class="btn_img" src="/theme/default/images/adm-add-node2.png" alt="add node">
						</a>
					</td>
				</tr>
                {/foreach}
                </table>
            </div>
        </div>
    </div>
	{/if}
    <div id='ipam_page_header'>
        <div id='ipam_top_net' class="item">
            <div class="tableview_title">
                <h1>{$lang.IPAM_TITLE_NETOP}</h1>
            </div>
            <div class="section-content">
                <div class="tableview" style="padding:10px;">
                <div id="net_top_chart"></div>
                </div>
            </div>
        </div>
        <div id='ipam_scan_states' class="item">
            <div class="section-content">
                {include file='./inc/table_import.inc.html' table_id='source_scan_list' sorter=false data=$import_list size='middle' title=$lang.IPAM_SCAN_ENDED}
            </div>
        </div>
    </div>
</div>

<script type="text/javascript">
$( function()
{
    var net_count = [];
    var groups = [];
    {foreach $stackedbar_graph key=cat_idx item=categorie}
        net_count[{$cat_idx}] = [];
        groups[{$cat_idx}] = '{$categorie[0]}';
        {foreach $categorie key=val_idx item=value}
            net_count[{$cat_idx}][{$val_idx}] = '{$value}';
        {/foreach}
    {/foreach}
    groups.shift();

    var net_color = [
        '#4CAF50',
        '#f44336',
        '#ff9800'
    ];
  chartIPStackedBard("net_top_chart",net_count,groups,net_color,326);
});
</script>
{elseif $tab eq 'network'}
<div id="network_page" class="network_add">
    <link rel="stylesheet" type="text/css" href="{$plugin_url}/ipam.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.ipam_net_access_all}
    <div id="network_add_title" class="tableview_title">
        <h1>{$lang.IPAM_ADD_NETWORK_TABLE_TITLE}</h1>
        <div>
        <a class="button btnOk" title="{$lang.ADD}" href="{$apache_path}/dialog_autodetect.php?type={$type}&id={$id}" onclick="dialog_net_add(this,'{$lang.IPAM_AUTODETECT_NETWORK_TABLE_TITLE}',reload_active_tabs,'{$lang.IPAM_ADD_BUTTON}','{$lang.CANCEL}');return false;">
            {$lang.IPAM_DETECT_BUTTON}
        </a>
        </div>
    </div>
    <div id="network_add_content" class="section-content">
        <form id="manual_add_form" class="ts_checkbox" method="get" href="{$apache_path}/control_ipam.php">
            <input id="ipam_tab" name="tab" type="hidden" value="network" />
            <input id="ipam_type" name="type" type="hidden" value="{$type}" />
            <input id="ipam_dev_id" name="id" type="hidden" value="{$id}" />
            <input id="ipam_net_type" name="net_type" type="hidden" value="inet" />
            <input id="ipam_action" name="action" type="hidden" value="auto_add_net" />
            <table class="tab">
                <thead>
                    <tr>
                        <th>
                            {$lang.IPAM_NETWORK_TABLE_TYPE}
                        </th>
                        <th class="net_addr">
                            {$lang.IPAM_NETWORK_TABLE_NETWORK}
                        </th>
                        <th class="net_name">
                            {$lang.IPAM_NETWORK_TABLE_NAME}
                        </th>
                        <th class="net_vlan">
                            {$lang.IPAM_NETWORK_TABLE_VLAN}
                        </th>
                        <th class="net_addr">
                            {$lang.IPAM_NETWORK_TABLE_GW}
                        </th>
                        <th>
                            {$lang.IPAM_NETWORK_TABLE_SITE}
                        </th>
                        <th>
                            {$lang.IPAM_NETWORK_TABLE_DESC}
                        </th>
                        <th class="net_action">
                        </th>
                    </tr>
                </thead>
                </tbody>
                    <tr id="manual_add">
                        <td>
                            {eui_forms_toggle_switch id="toggle_inet_family_netab" name="inet_type" selected="inet" left-label="IPv4" right-label="IPv6" left-value="inet" right-value="inet6"}
                        </td>
                        <td class="net_addr"><div class="input">
                            <div class="ipv4 inet">
                            {eui_input_text name="net_addr" class="address" type="ipv4" label="" placeholder="192.168.0.0" required=true value=''}
                            <input type="number" class="cidr" name="net_cidr" value=24 min="8" max="32" />
                            </div>
                            <div class="ipv6 inet6">
                            {eui_input_text name="net_addr" class="address" type="ipv6" label="" placeholder="2001:db8:abcd:0001::" required=true value=''}
                            <input type="number" class="cidr" name="net_cidr" value=64 min="48" max="128" />
                            </div>
                        </div></td>
                        <td class="net_name"><input required name="net_name" type="text" placeholder="{$lang.IPAM_NETWORK_NAME_PLACE_HOLDER}"/></td>
                        <td class="net_vlan"><input type="number" name="net_vlan" value=0 min="0" max="4094" /></td>
                        <td class="net_addr"><div class="input">
                            <div class="ipv4 inet">
                            {eui_input_text name="gateway" class="address" type="ipv4" label="" placeholder="192.168.0.254" value=''}
                            </div>
                            <div class="ipv6 inet6">
                            {eui_input_text name="gateway" class="address" type="ipv6" label="" placeholder="2001:db8:abcd:0001::1" value=''}
                            </div>
                        </div></td>
                        <td><input name="net_site" type="text" value=""/></td>
                        <td><input name="net_descr" type="text" value=""/></td>
                        <td class="net_action">
                            <input id="button_manual_add_net" type="submit" value="{$lang.IPAM_ADD_BUTTON}">
                        </td>
                    </tr>
                </tbody>
            </table>
        </form>
    </div>
	<div>
	{/if}
    <div id="current_network_title" class="tableview_title">
        <h1>{$lang.IPAM_CURRENT_NETWORK_TABLE_TITLE}</h1>
        {esia_pager divid="pager_current_network_list"
                tablesorterid="current_network_list"
                divcss="pager"
                height="22px"
                ulclass="triList"
                liclass="triElement"
                langprint="{$lang.ADM_PRINT_BOARD}"
                langcolumn="{$lang.ADM_SHOW_HIDDEN_COLUMN}"
                icn_printer="/theme/default/images/table-print.jpg"
                icn_column="/theme/default/images/table-change-order.jpg"
                icn_columnselect="/theme/default/images/table-change-order.jpg"}
        {/esia_pager}
    </div>
    <div id="current_network_content" class="section-content">
        <table id="current_network_list" class="tab tablesorter">
        	<thead>
                <th class="columnSelector-false">
                    {$lang.IPAM_NETWORK_TABLE_TYPE}
                </th>
                <th data-priority="1" class="net_name">
                    {$lang.IPAM_NETWORK_TABLE_NAME}
                </th>
                <th data-priority="3" class="net_vlan">
                    {$lang.IPAM_NETWORK_TABLE_VLAN}
                </th>
                <th data-priority="2" class="net_addr">
                    {$lang.IPAM_NETWORK_TABLE_NETWORK}
                </th>
                <th class="columnSelector-false">
                    {$lang.IPAM_NETWORK_TABLE_FIRST_ADDR}
                </th>
                <th class="columnSelector-false">
                    {$lang.IPAM_NETWORK_TABLE_LAST_ADDR}
                </th>
                <th class="columnSelector-false">
                    {$lang.IPAM_NETWORK_TABLE_BC_ADDR}
                </th>
                <th class="columnSelector-false">
                    {$lang.IPAM_NETWORK_TABLE_NB_AVAIL}
                </th>
                <th data-priority="3">
                    {$lang.IPAM_NETWORK_TABLE_GW}
                </th>
                <th class="columnSelector-false">
                    {$lang.IPAM_NETWORK_TABLE_SITE}
                </th>
                <th data-priority="2">
                    {$lang.IPAM_NETWORK_TABLE_DESC}
                </th>
				<th data-priority="3">
					{$lang.IPAM_SCAN_TABLE_SCAN_LAST_SCAN}
				</th>
				<th data-priority="3">
					{$lang.IPAM_SCAN_PLANIF_FORM_DATE}
				</th>
				{if $privileges.ipam_net_access_all || $privileges.ipam_net_access_by_group}
                <th data-priority="columnSelector-disable" class="net_action">
					{$lang.ACTION}
                </th>
				{/if}
        	</thead>
        	<tbody>
        	{foreach $current_network_list item=row}
                <tr>
                    {if $row.addr_type eq 'inet'}
                        <td>IPv4</td>
                    {else}
                        <td>IPv6</td>
                    {/if}
                    <td class="net_name">{$row.name}</td>
                    <td class="net_vlan">{$row.vlan_id}</td>
                    <td class="net_addr">{$row.net_addr}</td>
                    <td class="net_addr">{$row.first_addr}</td>
                    <td class="net_addr">{$row.last_addr}</td>
                    <td class="net_addr">{$row.broadcast_addr}</td>
                    <td class="net_vlan">{$row.available_addr}</td>
                    <td class="net_addr">{$row.gateway}</td>
                    <td>{$row.site}</td>
                    <td>{$row.desc}</td>
					{if !$row.changed_time && !empty($row.last_scan)}
						<td>{$lang.IPAM_SCAN_TASK_STATUS_PENDING}</td>
						<td>{$lang.IPAM_SCAN_TASK_STATUS_PROCESSING}</td>
					{else}
						<td>{$row.changed_time}</td>
						<td>{$row.next_scan}</td>
					{/if}
					{if $privileges.ipam_net_access_all || $privileges.ipam_net_access_by_group}
                    <td class="net_action">
                        <div>
							{if $privileges.ipam_net_rescan || $privileges.esia_import}
								{if !empty($row.next_scan_id)}
								<a class="adminTabs planifScan" title='{$lang.CHANGE}' href='{$plugin_url}/dialog_scanadm.php?action=showPlanified&scan_id={$row.next_scan_id}&update=true'>
									<img style="width: 23px;" class="button svg" src="/theme/default/images/circle-calendar.svg" alt='search'>
								</a>
								{else if $row.changed_time}
									<!-- CREATE planif -->
									<a class="planifScan" title='{$lang.IPAM_SCAN_TITLE_DIALOG_PLANIF}' href='{$plugin_url}/dialog_scanadm.php?action=showPlanified&scan_id={$row.last_scan}'>
										<img style="width: 23px;" class="button svg" src="/theme/default/images/circle-calendar.svg" alt='search'>
									</a>
								{else if !$row.changed_time && empty($row.last_scan)}
									<a class="copyScan" title="{$lang.IPAM_SCAN_ADD_SCAN_URL}" href='{$plugin_url}/dialog_scanadm.php?action=showCopy&net_id={$row.net_id}'>
									  <img style="width: 24px;" class="button" src="/theme/default/images/gesa-fast-scan.png" alt='search'>
									</a>
								{/if}
							{/if}
							{if $privileges.ipam_net_access_all}
                            <a class="adminTabs netClone" href="{$apache_path}/dialog_netadm.php?source_id={$id}&amp;action=copyNet&amp;net_id={$row.net_id}" title="{$lang.IPAM_COPY_NET_DIALOG_TITLE}">
                                <img class="button" src="/theme/default/images/clone.svg" alt="{$lang.IPAM_COPY_NET_DIALOG_TITLE}">
                            </a>
							{/if}
                            <a class="adminTabs" href="{$apache_path}/dialog_netadm.php?source_id={$id}&amp;action=updateNet&amp;net_id={$row.net_id}" title="{$lang.IPAM_UPDATE_NET_DIALOG_TITLE}">
                                <img class="button" src="/theme/default-image/esia_update_button2.png" alt="{$lang.IPAM_UPDATE_NET_DIALOG_TITLE}">
                            </a>
							{if $privileges.ipam_net_access_all}
                            <a class="adminTabs" href="{$apache_path}/dialog_netadm.php?source_id={$id}&amp;action=deleteNet&amp;net_id={$row.net_id}" title="{$lang.IPAM_DELETE_NET_DIALOG_TITLE}">
                                <img class="button" src="/theme/default-image/esia_delete_button.png" alt="{$lang.IPAM_DELETE_NET_DIALOG_TITLE}">
                            </a>
							{/if}
                        </div>
                    </td>
					{/if}
        		</tr>
        	{/foreach}
        	</tbody>
        </table>
    </div>
	</div>
<script type="text/javascript">
var base_url = "{$apache_path}";
var params = "source={$id}&type=inet";

$( function()
{
    configure_addNetworkForm();
    //Tablesorter liste des réseaux
    create_ipam_table('current_network_list');

    $("#current_network_content .adminTabs").on('click',function()
    {
        Adm.openDialog($(this).prop('href'),$(this).attr('title'),reload_active_tabs,'networkChangeDialog',450,500);
        return false;
    });
	$("#current_network_content .planifScan").on('click',function()
	{
		Adm.openDialog($(this).prop('href'),$(this).attr('title'),reload_active_tabs,'planifScanDialog',1000,500);
		return false;
	});

	$("#current_network_content .copyScan").on('click',function()
	{
		Adm.openDialog($(this).prop('href'),$(this).attr('title'),reload_active_tabs,'copyScanDialog',1200,450);
		return false;
	});
});
</script>
</div>
{/if}