{include file='overall_adm_iframe.html'}
<link rel="stylesheet" type="text/css" href="{$plugin_url}/ipam.css"/>
<form id="addr_range" method="post">
    <div id="addr_range_first">
        {if $network.addr_type eq 'inet'}
        <span>
        {eui_input_text id="start_addr" name="start_addr" type="private_ip" label=$lang.IPAM_SCAN_ENCODE_FIRST_ADDR_LABEL placeholder="192.168.1.1" required=true value=$network.first_addr}
        </span>
        <span>
        {eui_input_text id="end_addr" name="end_addr" type="private_ip" label=$lang.IPAM_SCAN_ENCODE_LAST_ADDR_LABEL placeholder="192.168.1.254" required=true value=$network.last_addr}
        </span>
        {else}
        <span>
        {eui_input_text id="start_addr" name="start_addr" type="ipv6" label=$lang.IPAM_SCAN_ENCODE_FIRST_ADDR_LABEL placeholder="2001:db8:abcd:1::1" required=true value=$network.first_addr}
        </span class="flex-input">
        <span>
        {eui_input_text id="end_addr" name="end_addr" type="ipv6" label=$lang.IPAM_SCAN_ENCODE_LAST_ADDR_LABEL placeholder="2001:db8:abcd:1::1" required=true value=$network.last_addr}
        </span>
        {/if}
        <span>
        <label for="">{$lang.IPAM_NETWORK_TABLE_NAME}</label>
        <input required name="reserved_name" type="text" placeholder="" value=""/>
        </span>
        <span>
        <label for="">{$lang.IPAM_DIALOG_ADDR_RANGE_USER}</label>
        <input name="reserved_user" type="text" placeholder="{$lang.IPAM_DIALOG_ADDR_RANGE_USER_PLACEHOLDER}" value="{$current_user_name}"/>
        </span>
        <span style="min-width:200px;padding-top:20px;">
        {eui_forms_toggle_switch id="toggle_reserved" name="reserved_type" selected="reserved" left-label="{$lang.IPAM_DIALOG_ADDR_RANGE_TOGGLETYPE_DHCP}" right-label="{$lang.IPAM_DIALOG_ADDR_RANGE_TOGGLETYPE_RESERVED}" left-value="DHCP" right-value="reserved"}
        </span>
    </div>
    <div class="desc-area">
        <label for="">{$lang.IPAM_NETWORK_TABLE_DESC}</label>
        <textarea rows=1 name="reserved_descr" type="area">{$network.desc}</textarea>
    </div>
    <div class="flex-button">
        <input type="submit" value="{$lang.IPAM_ADD_BUTTON}"/>
    </div>
</form>
<div>
    <div class="tableview_title">
        <h1>{$lang.IPAM_ADD_NETWORK_TABLE_TITLE}</h1>
    </div>
    <table class="tab">
		<tr>
			<th>{$lang.IPAM_ADDR_TABLE_TYPE}</th>
			<th>{$lang.IPAM_ADDR_TABLE_NAME}</th>
			<th>{$lang.IPAM_DIALOG_ADDR_RANGE_USER}</th>
			<th>{$lang.IPAM_NETWORK_TABLE_FIRST_ADDR}</th>
			<th>{$lang.IPAM_NETWORK_TABLE_LAST_ADDR}</th>
			<th>{$lang.IPAM_NETWORK_TABLE_NB_AVAIL}</th>
			<th>{$lang.IPAM_NETWORK_TABLE_DESC}</th>
			<th>{$lang.ACTION}</th>
		</tr>
		{foreach $addr_range_list as $addr_range}
			<tr>
				<td>{$addr_range.reserved_type}</td>
				<td>{$addr_range.reserved_name}</td>
				<td>{$addr_range.reserved_user}</td>
				<td>{$addr_range.first_addr}</td>
				<td>{$addr_range.last_addr}</td>
				<td>{$addr_range.nb_addr}</td>
				<td>{$addr_range.reserved_desc}</td>
				<td>
					<a href="?net_id={$network.net_id}&action=delete&reserved_id={$addr_range.reserved_id}" class="tooltipstered">
						<img class="button tooltipstered" src="/theme/default-image/esia_delete_button.png" alt="{$lang.DELETE}" title="{$lang.DELETE}">
					</a>
				</td>
			</tr>
		{/foreach}
    </table>
</div>