{include file='overall_adm_iframe.html'}
<link rel="stylesheet" type="text/css" href="{$plugin_url}/ipam.css"/>

<div class="network_add">
    <div id="network_add_title" class="tableview_title">
        <h1>{$lang.IPAM_ADD_NETWORK_TABLE_TITLE}</h1>
        {if empty($inet_type) || $inet_type eq 'inet'}
        {eui_forms_toggle_switch id="toggle_inet_family" name="inet_type" selected="inet" left-label="IPv4" right-label="IPv6" left-value="inet" right-value="inet6"}
        {else}
        {eui_forms_toggle_switch id="toggle_inet_family" name="inet_type" selected="inet6" left-label="IPv4" right-label="IPv6" left-value="inet" right-value="inet6"}
        {/if}
    </div>
    {if $new_network_count gt 0}
    <div id="network_add_content" class="section-content">
        <form id="auto_add_form" class="ts_checkbox" method="post" >
            <input id="ipam_tab" name="tab" type="hidden" value="network" />
            <input id="ipam_dev_id" name="id" type="hidden" value="this" />
            <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>
                            <input id="main-checkbox" type="checkbox"/>
                        </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_vlan">
                            {$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>
                {foreach $new_network_list key=method item=$network_list}
                {if !empty($network_list)}
                {if $method == 'iface'}
                <tr class="separator">
                    <td class='checkbox'>
                        <input class="separator-checkbox {$method}" data-method="{$method}" type="checkbox"/>
                    </td>
                    <td colspan="6"><h1>{$lang.IPAM_DETECTED_NETWORK_TABLE_SEP_IFACE}</h1></td>
                </tr>
                    {else}
                    <tr class="separator {$method}">
                        <td class='checkbox'>
                            <input class="separator-checkbox {$method}" data-method="{$method}" type="checkbox"/>
                        </td>
                        {if $method == 'ARP'}
                            <td colspan="5"><h1>{$lang.IPAM_DETECTED_NETWORK_TABLE_SEP_ARP}</h1></td>
                        {else}
                            <td colspan="5"><h1>{$lang.IPAM_DETECTED_NETWORK_TABLE_SEP_DB}</h1></td>
                        {/if}
                        {if empty($inet_type) || $inet_type eq 'inet'}
                        <td class="net_action"><input class="change_cidr" type="number" id="{$method}_cidr" name="{$method}_cidr" data-method="{$method}" value=24 min="8" max="30" /></td>
                        {else}
                        <td class="net_action"><input class="change_cidr" type="number" id="{$method}_cidr" name="{$method}_cidr" data-method="{$method}" value=64 min="48" max="126" /></td>
                        {/if}
                    </tr>
                    {/if}
                    {include file="$plugin_template_path/display_autodetect_list.html"}
                    {/if}
                    {/foreach}
                </tbody>
            </table>
        </form>
    </div>
    {else}
    <h1 class="notAvailableMsg">{$lang.IPAM_MSG_NOT_NETWORK_DETECTED}.</h1>
    {/if}
</div>

<script type="text/javascript" src="{$plugin_url}/js/common.js"></script>
<script type="text/javascript">
var base_url = "{$apache_path}/display_ipam.php";
var params = "source=this&inet_type={$inet_type}";
configureAutoDetectDialog();
</script>