Menu="NetworkSettings:100"
Title="_(Interface)_ eth0"
Tag="icon-ethernet"
---
<?PHP
/* Copyright 2005-2025, Lime Technology
 * Copyright 2012-2025, Bergware International.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License version 2,
 * as published by the Free Software Foundation.
 *
 * The above copyright notice and this permission notice shall be included in
 * all copies or substantial portions of the Software.
 */
?>
<?
$members  = parse_ini_file('state/network.ini',true);
$build    = false;
$template = "$docroot/webGui/EthX.page";
$ini      = '/var/local/emhttp/network.ini';
$validIP4 = "(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}";
$validIP6 = "(([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}|(:|([0-9a-fA-F]{1,4}:)+):(([0-9a-fA-F]{1,4}:)*[0-9a-fA-F]{1,4})?)";
$enable   = _('Enable default gateway');
$metric   = _('metric value, a lower value is more preferred');
$jumbo    = _('Enable jumbo frames');
$jumbo_1  = _('Allows the use of ethernet frames larger than 1500 bytes');
$jumbo_2  = _('Connectivity issues may occur when other devices do not support this feature');
$jumbo_3  = _('Or if they are improperly configured, use this feature with care');
$masks = [
  '255.0.0.0' => '8',        '255.255.0.0' => '16',     '255.255.128.0' => '17',   '255.255.192.0' => '18',
  '255.255.224.0' => '19',   '255.255.240.0' => '20',   '255.255.248.0' => '21',   '255.255.252.0' => '22',
  '255.255.254.0' => '23',   '255.255.255.0' => '24',   '255.255.255.128' => '25', '255.255.255.192' => '26',
  '255.255.255.224' => '27', '255.255.255.240' => '28', '255.255.255.248' => '29', '255.255.255.252' => '30'
];

// get available ethernet ports (excluding eth0)
exec("ls --indicator-style=none /sys/class/net|grep -P '^eth[1-9][0-9]*$'",$ports);

function locked($source, $port) {
  global $members;
  foreach ($members as $member => $value) {
    if ($member == $source) continue;
    if ($value['BONDING']=='yes' && in_array($port,explode(',',$value['BONDNICS']))) return $value['BONDNAME'].' '.$member;
    if ($value['BRIDGING']=='yes' && in_array($port,explode(',',$value['BRNICS']))) return $value['BRNAME'].' '.$member;
  }
  return false;
}

function vlanID($cfg) {
  return array_filter($cfg, function($key){return strpos($key, 'VLANID:')===0;}, ARRAY_FILTER_USE_KEY);
}

function index($key) {
  return filter_var($key, FILTER_SANITIZE_NUMBER_INT);
}

function metric($eth, $prot, $index) {
  $system = '/sys/class/net';
  $bridge = str_replace('eth','br', $eth);
  $bond   = str_replace('eth','bond', $eth);
  $port   = file_exists("$system/$bridge") ? $bridge : (file_exists("$system/$bond") ? $bond : $eth);
  $metric = exec("ip -$prot route show default dev $port 2>/dev/null | grep -Pom1 ' metric \K\d+'");
  if ($metric) return $metric + $index;
  exec("ip -$prot route show default 2>/dev/null | grep -Po ' metric \K\d+'",$metrics);
  return (count($metrics) ? max($metrics) : 0) + $index + 1;
}

// remove non-existing ethernet ports
foreach (glob("$docroot/webGui/Eth[1-9]*.page", GLOB_NOSORT) as $port) {
  if (!in_array(strtolower(basename($port, '.page')), $ports)) {
    @unlink($port);
    $build = true;
  }
}

// add new ethernet ports
foreach ($ports as $ethX) {
  $file = "$docroot/webGui/".ucfirst($ethX).".page";
  if (!file_exists($file)) {
    $X = filter_var($ethX, FILTER_SANITIZE_NUMBER_INT);
    file_put_contents($file, str_replace(['parentname:nnn','tabX','bondX','brX','ethX'],['NetworkSettings:'.($X+100),'tab'.($X+1),'bond'.$X,'br'.$X,$ethX], file_get_contents($template)));
    $build = true;
  }
}
// enable interface only when VMs and Docker are stopped
$service = exec('pgrep --ns $$ libvirt') ? _('VM manager') : '';
$service .= exec('pgrep --ns $$ docker') ? ($service ? ' '._('and').' ' : '')._('Docker service') : '';

// eth0 port status
$no_eth0 = exec("ip -br link show eth0 | awk '{print \$2;exit}'")=='DOWN';

// get VLAN interfaces
$vlan_eth0 = $sort_eth0 = [];
if (isset($eth0)) foreach (vlanID($eth0) as $key => $val) {$vlan_eth0[] = index($key); $sort_eth0[] = (int)$val;}
array_multisort($sort_eth0, $vlan_eth0);
?>

<script>
<?if ($build):?>
refresh(); // automatically include new ethernet ports
<?endif;?>
Array.prototype.same = function(){return this.sort().filter(function(v,i,o){return i&&v===o[i-1]?v:0;}).length;}

const arg1 = {};
const run  = {};
const eth0 = document.eth0_settings;
arg1.eth0  = 'none';

function presetRun(form) {
  var port = form.name.replace('_settings','');
  $(form).find('input[name^="DESCRIPTION:"]').each(function(){
    var name = $(this).prop('name').replace(':','');
    run[port+name] = $(this).val();
  });
}

function signalRun(form, id) {
  switch (id) {
  case 1:
    if (arg1.eth0 == 'none') arg1.eth0 = 'renew';
    break;
  case 2:
    var port = form.name.replace('_settings','');
    $(form).find('input[name^="DESCRIPTION:"]').each(function(){
      var name = $(this).prop('name').replace(':','');
      var data = $(this).val();
      if (run[port+name] != data) {
        run[port+name] = data;
        port = 'none';
      }
    });
    if (port != 'none') arg1[port] = port;
    break;
  }
}

function prepareSettings(form) {
  var dns = document.dns_settings;
  var port = form.name.replace('_settings','');
  var bondnics = [], brnics = [];
  for (var i=0,nic; nic=form.BONDNICS.options[i]; i++) {
    if (nic.selected) {
      bondnics.push(nic.value);
      nic.selected = false;
    }
  }
  nic = form.BONDNICS.options[0];
  nic.value = bondnics.join(',');
  nic.selected = true;
  nic.disabled = false;
  for (var i=0,nic; nic=form.BRNICS.options[i]; i++) {
    if (nic.selected) {
      brnics.push(nic.value);
      nic.selected = false;
    }
  }
  nic = form.BRNICS.options[0];
  nic.value = form.BONDING.value=='yes' ? form.BONDNAME.value : brnics.join(',');
  nic.selected = true;
  nic.disabled = false;
  if (brnics.length > 1) form.BRSTP.value = 'yes';
  if ($(form).find('input[name="#arg[1]"]').val() == 'none') return true;

  // enable form items for submission
  $(form).find('input,select').prop('disabled',false);
  if (form.TYPE.value == 'access') {
    $(form).find('input[name^="VLANID:"]').prop('disabled',false).val('');
    $(form).find('input[name^="DESCRIPTION:"]').not('input[name$=":0"]').prop('disabled',false).val('');
    $(form).find('select[name^="PROTOCOL:"]').not('select[name$=":0"]').prop('disabled',false).val('');
    $(form).find('select[name^="USE_DHCP:"]').not('select[name$=":0"]').prop('disabled',false).val('');
    $(form).find('select[name^="USE_DHCP6:"]').not('select[name$=":0"]').prop('disabled',false).val('');
    $(form).find('input[name^="IPADDR:"]').not('input[name$=":0"]').prop('disabled',false).val('');
    $(form).find('input[name^="IPADDR6:"]').not('input[name$=":0"]').prop('disabled',false).val('');
    $(form).find('select[name^="NETMASK:"]').not('select[name$=":0"]').prop('disabled',false).val('');
    $(form).find('input[name^="NETMASK6:"]').not('input[name$=":0"]').prop('disabled',false).val('');
    $(form).find('select[name^="GATEWAY:"]').not('select[name$=":0"]').prop('disabled',false).val('');
    $(form).find('input[name^="GATEWAY6:"]').not('input[name$=":0"]').prop('disabled',false).val('');
    $(form).find('input[name^="METRIC:"]').not('input[name$=":0"]').prop('disabled',false).val('');
    $(form).find('select[name^="PRIVACY6:"]').not('select[name$=":0"]').prop('disabled',false).val('');
  } else {
    var vlans = [];
    $(form).find('input[name^="VLANID:"]').each(function(){vlans.push($(this).val());});
    if (vlans.same()) {
      swal({title:"_(VLAN assignment mismatch)_",text:"_(List of VLANs contains duplicate VLAN numbers)_",animation:'none',type:'error',html:true,confirmButtonText:"_(Ok)_"});
      return false;
    }
  }
  $(form).find('select[name^="PROTOCOL:"]').each(function() {
    var protocol = $(this).val() || 'ipv4';
    var i = $(this).prop('name').split(':')[1];
    if (protocol == 'ipv6') {
      $(form).find('input[name="IPADDR:'+i+'"]').val('');
      $(form).find('select[name="NETMASK:'+i+'"]').val('');
      $(form).find('input[name="GATEWAY:'+i+'"]').val('');
      $(form).find('input[name="METRIC:'+i+'"]').val('');
    }
    if (protocol == 'ipv4') {
      $(form).find('input[name="IPADDR6:'+i+'"]').val('');
      $(form).find('input[name="NETMASK6:'+i+'"]').val('');
      $(form).find('input[name="GATEWAY6:'+i+'"]').val('');
      $(form).find('input[name="METRIC6:'+i+'"]').val('');
      $(form).find('select[name="PRIVACY6:'+i+'"]').val('');
    }
  });
  $(form).find('select[name^="USE_DHCP:"]').each(function() {
    var i = $(this).prop('name').split(':')[1];
    var protocol = $(form).find('select[name="PROTOCOL:'+i+'"]').val() || 'ipv4';
    var gw4 = (port == 'eth0') ? true : $(form).find('input[name="USE_GW4:'+i+'"]').prop('checked');
    if (protocol != 'ipv6' && $(this).val() != 'no') {
      $(form).find('input[name="IPADDR:'+i+'"]').val('');
      $(form).find('input[name="GATEWAY:'+i+'"]').val('');
      $(form).find('input[name="METRIC:'+i+'"]').val(gw4?'':'0');
    }
  });
  $(form).find('select[name^="USE_DHCP6:"]').each(function() {
    var i = $(this).prop('name').split(':')[1];
    var protocol = $(form).find('select[name="PROTOCOL:'+i+'"]').val() || 'ipv4';
    var gw6 = (port == 'eth0') ? true : $(form).find('input[name="USE_GW6:'+i+'"]').prop('checked');
    if (protocol != 'ipv4' && $(this).val() != 'no') {
      $(form).find('input[name="IPADDR6:'+i+'"]').val('');
      $(form).find('input[name="GATEWAY6:'+i+'"]').val('');
      $(form).find('input[name="METRIC6:'+i+'"]').val(gw6?'':'0');
    }
    if ($(this).val() != 'yes') $(form).find('input[name="PRIVACY6:'+i+'"]').val('');
  });
  if (port == 'eth0') {
    $(dns).find('select,input').each(function(){
      var name = $(this).prop('name');
      var data = $(this).val();
      $(form).find('input[name="'+name+'"]').val(data);
    });
  }
  var metrics = [], metrics6 = [];
  $(form).find('input[name^="METRIC:"]').each(function(){if($(this).val() > 0) metrics.push($(this).val());});
  $(form).find('input[name^="METRIC6:"]').each(function(){if($(this).val() > 0) metrics6.push($(this).val());});
  if (metrics.same() || metrics6.same()) {
    swal({title:"_(Duplicate metrics)_", text:"_(List of default gateways contains duplicate metric values)_", animation:'none', type:'error', html:true, confirmButtonText:"_(Ok)_"});
    return false;
  }
  // force default MTU if jumbo frames are not enabled
  if ($(form).find('input[name="USE_MTU"]').prop('checked') == false) $(form).find('input[name="MTU"]').val('');
  $(form).find('input[name="#arg[1]"]').val(arg1[port]);
  setTimeout(refresh, 25000);
  return true;
}

function selectProtocol(form, index, step) {
  var port = form.name.replace('_settings','');
  if (index == null) {
    $(form).find('select[name^="PROTOCOL:"]').each(function() {
      var protocol = $(this).val() || 'ipv4';
      var i = $(this).prop('name').split(':')[1];
      var net4 = $('.'+'ipv4-'+port+'-'+i);
      var net6 = $('.'+'ipv6-'+port+'-'+i);
      var more4 = $('.'+'more-ipv4-'+port+'-'+i);
      var more6 = $('.'+'more-ipv6-'+port+'-'+i);
      var priv6 = $('.'+'priv-ipv6-'+port+'-'+i);
      var gw4 = $('.'+'gw4-'+port+'-'+i);
      var gw6 = $('.'+'gw6-'+port+'-'+i);
      switch (protocol) {
        case 'ipv4': net4.show(); net6.hide(); break;
        case 'ipv6': net4.hide(); net6.show(); break;
        case 'ipv4+ipv6': net4.show(); net6.show(); break;
      }
<?if ($service):?>
      more4.hide();
      more6.hide();
      priv6.hide();
<?else:?>
      var dhcp4 = $(form).find('select[name="USE_DHCP:'+i+'"]').val();
      var dhcp6 = $(form).find('select[name="USE_DHCP6:'+i+'"]').val();
      if (dhcp4 == 'no') {
        more4.show();
        gw4.show();
      } else if (dhcp4 == 'yes') {
        more4.hide();
        gw4.show();
      } else {
        more4.hide();
        gw4.hide();
      }
      if (dhcp6 == 'no') {
        more6.show();
        priv6.hide();
        gw6.show();
      } else if (dhcp6 == 'yes') {
        more6.hide();
        priv6.show();
        gw6.show();
      } else {
        more6.hide();
        priv6.hide();
        gw6.hide();
      }
<?endif;?>
      checkNetworkSettings(form, i);
    });
  } else {
    var protocol = $(form).find('select[name="PROTOCOL:'+index+'"]').val() || 'ipv4';
    var net4 = $('.'+'ipv4-'+port+'-'+index);
    var net6 = $('.'+'ipv6-'+port+'-'+index);
    var more4 = $('.'+'more-ipv4-'+port+'-'+index);
    var more6 = $('.'+'more-ipv6-'+port+'-'+index);
    var priv6 = $('.'+'priv-ipv6-'+port+'-'+index);
    var gw4 = $('.'+'gw4-'+port+'-'+index);
    var gw6 = $('.'+'gw6-'+port+'-'+index);
    switch (protocol) {
      case 'ipv4': net4.show(step); net6.hide(step); if (port=='eth0') {$('#dns4').show(step); $('#dns6').hide(step);} break;
      case 'ipv6': net4.hide(step); net6.show(step); if (port=='eth0') {$('#dns4').hide(step); $('#dns6').show(step);} break;
      case 'ipv4+ipv6': net4.show(step); net6.show(step); if (port=='eth0') {$('#dns4').show(step); $('#dns6').show(step);} break;
    }
    var dhcp4 = $(form).find('select[name="USE_DHCP:'+index+'"]').val();
    var dhcp6 = $(form).find('select[name="USE_DHCP6:'+index+'"]').val();
    if (dhcp4 == 'no') {
      more4.show(step);
      gw4.show();
    } else if (dhcp4 == 'yes') {
      more4.hide(step);
      gw4.show();
    } else {
      more4.hide(step);
      gw4.hide();
    }
    if (dhcp6 == 'no') {
      more6.show(step);
      priv6.hide(step);
      gw6.show();
    } else if (dhcp6 == 'yes') {
      more6.hide(step);
      priv6.show(step);
      gw6.show();
    } else {
      more6.hide(step);
      priv6.hide(step);
      gw6.hide();
    }
    checkNetworkSettings(form, index);
  }
}

function selectGW(form, prot, index, step) {
  var port = form.name.replace('_settings','');
  if (prot == null) {
    $(form).find('input[name^="USE_GW4:"]').each(function(){
      var i = $(this).prop('name').split(':')[1];
      var state = $(this).prop('checked');
      var gw = $('.more-gw4-'+port+'-'+i);
      if (state) gw.show(); else gw.hide();
    });
    $(form).find('input[name^="USE_GW6"]').each(function(){
      var i = $(this).prop('name').split(':')[1];
      var state = $(this).prop('checked');
      var gw = $('.more-gw6-'+port+'-'+i);
      if (state) gw.show(); else gw.hide();
    });
  } else {
    var state = $(form).find('input[name="USE_GW'+prot+':'+index+'"]').prop('checked');
    var gw = $('.more-gw'+prot+'-'+port+'-'+index);
    if (state) gw.show(step); else gw.hide(step);
  }
}

function selectMTU(form) {
  let jumbo = $(form).find('input[name="USE_MTU"]').prop('checked');
  $(form).find('input[name="MTU"]').prop('disabled',!jumbo);
}

function checkNetworkSettings(form, index) {
  var disabled4 = $(form).find('select[name="USE_DHCP:'+index+'"]').val()!='no';
  var disabled6 = $(form).find('select[name="USE_DHCP6:'+index+'"]').val()!='no';
  var protocol  = $(form).find('select[name="PROTOCOL:'+index+'"]').val() || 'ipv4';
  if (protocol != 'ipv6') {
    $(form).find('input[name="IPADDR:'+index+'"]').prop('disabled',disabled4).prop('required',!disabled4);
    $(form).find('select[name="NETMASK:'+index+'"]').prop('disabled',disabled4);
    $(form).find('input[name="GATEWAY:'+index+'"]').prop('disabled',disabled4);
  }
  if (protocol != 'ipv4') {
    $(form).find('input[name="IPADDR6:'+index+'"]').prop('disabled',disabled6).prop('required',!disabled6);
    $(form).find('input[name="NETMASK6:'+index+'"]').prop('disabled',disabled6).prop('required',!disabled6);
    $(form).find('input[name="GATEWAY6:'+index+'"]').prop('disabled',disabled6);
    var privacy = $(form).find('select[name="PRIVACY6:'+index+'"]');
    privacy.prop('disabled',!disabled6);
  }
  if (form.name=='eth0_settings' && index==0) {
    checkDNSsettings(form);
    checkDNS6settings(form);
  }
}

function checkDNSsettings(form, step) {
  var dns = document.dns_settings;
  if ($(form).find('select[name="USE_DHCP:0"]').val()=='no') {
    dns.DHCP_KEEPRESOLV.value = 'yes';
    dns.DHCP_KEEPRESOLV.disabled = true;
  } else {
    dns.DHCP_KEEPRESOLV.disabled = false;
  }
  var disabled = dns.DHCP_KEEPRESOLV.value=='no';
  var protocol = $(form).find('select[name="PROTOCOL:0"]').val() || 'ipv4';
  if (disabled) $('#dns4server').hide(step); else $('#dns4server').show(step);
  if (protocol != 'ipv6') {
    dns.DNS_SERVER1.required = !disabled;
    $('#dns4').show();
  }
}

function checkDNS6settings(form, step) {
  var dns = document.dns_settings;
  if ($(form).find('select[name="USE_DHCP6:0"]').val()=='no') {
    dns.DHCP6_KEEPRESOLV.value = 'yes';
    dns.DHCP6_KEEPRESOLV.disabled = true;
  } else {
    dns.DHCP6_KEEPRESOLV.disabled = false;
  }
  var disabled = dns.DHCP6_KEEPRESOLV.value=='no';
  var protocol = $(form).find('select[name="PROTOCOL:0"]').val() || 'ipv4';
  if (disabled) $('#dns6server').hide(step); else $('#dns6server').show(step);
  if (protocol != 'ipv4') {
    dns.DNS6_SERVER1.required = !disabled;
    $('#dns6').show();
  }
}

function checkBondingSettings(form, ctrl) {
  var disabled = form.BONDING.value=='no';
  var mode = form.BONDING_MODE.value;
  var port = form.name.replace('_settings','');
  if (ctrl>=0) {
    var step = ctrl==0 ? null : 'slow';
    if (disabled) {
      $('#bond-members-'+port).hide(step);
    } else {
      $('#bond-members-'+port).show(step);
      $('#bond-'+port).dropdownchecklist('destroy').dropdownchecklist({emptyText:'None', width:166});
    }
    if (ctrl==1) checkBridgingSettings(form,1);
  }
  if (mode==1 || mode>4 || disabled) {$('#attention0').hide();} else {$('#attention0').show();}
}

function checkBridgingSettings(form, ctrl) {
  var port = form.name.replace('_settings','');
  var step = ctrl==0 ? null : 'slow';
  var i = 0;
  if (form.BRIDGING.value=='yes' && form.BONDING.value=='no') {
    $('#bridge-members-'+port).show(step);
    $('#bridge-'+port).dropdownchecklist('destroy').dropdownchecklist({emptyText:'None', width:166});
  } else {
    $('#bridge-members-'+port).hide(step);
  }
}

function checkNetworkAccess(form) {
  var port = form.name.replace('_settings','');
  if (form.TYPE.value=='access') {
    $('.access-'+port).hide();
    $('#button-vlan-'+port).hide();
    $('#button-add-'+port).hide();
    $(form).find('input[name^="VLANID:"]').prop('required',false);
  } else {
    $('.access-'+port).show();
    if ($(form).find('input[name^="VLANID:"]').length>0) {$('#button-vlan-'+port).show();$('#button-add-'+port).hide();} else $('#button-add-'+port).show();
    $(form).find('input[name^="VLANID:"]').prop('required',true);
  }
}

function addVLAN(port) {
  $('input[value="<?=_("Apply")?>"],input[value="Apply"]').prop('disabled',false);
  var index = 1;
  while ($('#index-'+port+'-'+index).length) index++;
  var template = $($('<div/>').loadTemplate($('#network-template-'+port)).html().replace(/INDEX/g,index));
  var element = $('[id^="index-'+port+'-"]').last();
  $(element).after(template);
  $('form[name="'+$(element).parent().parent().prop('name')+'"]').find('select').first().trigger('change');
}

function removeVLAN(element) {
  var id = $(element).prop('id').split('-');
  $(element).remove();
  $('#view-'+id[1]).find('select').first().trigger('change');
}

function showVLAN(port) {
  var button1 = $('#button-vlan-'+port);
  var button2 = $('#button-add-'+port).hide();
  var list = $('#vlan-list-'+port);
  var show = "_(Show)_";
  var hide = "_(Hide)_";
  if (list.is(':hidden')) {
    button1.val(hide);
    button2.show();
    list.show('slow');
  } else {
    button1.val(show);
    button2.hide();
    list.hide('slow');
  }
}

function disableForm(form) {
  $(form).find('input,select').not('input[value="_(Done)_"],input.form').prop('disabled',true);
  $(form).find('input[name^="DESCRIPTION"],input[name^="#"]').prop('disabled',false);
}

function portcheck(port) {
  $.post('/webGui/include/CheckPort.php',{port:port},function(msg) {
    var html = $('#user-notice').html();
    if (!html || html.indexOf(port)>0) showNotice(msg);
    setTimeout(function(){portcheck(port);},5000);
  });
}

function portToggle(port, cmd) {
  $.post('/webGui/include/PortToggle.php',{port:port,cmd:cmd},function(){refresh();});
}

$(function() {
  const ctrl = "<span id='wait_eth0' class='status red-text hide' style='font-size:1.2rem;font-style:italic'><i class='fa fa-spinner fa-spin'></i> _(Please wait)_... _(configuring interface)_</span>";
  const form = document.eth0_settings;
  const dns  = document.dns_settings;
<?if (!$service):?>
  $('#tab1').bind({click:function(){
    $('#bond-eth0').dropdownchecklist('destroy').dropdownchecklist({emptyText:"_(None)_", width:166});
    $('#bridge-eth0').dropdownchecklist('destroy').dropdownchecklist({emptyText:"_(None)_", width:166});
  }});
<?endif;?>
  $('#bond-eth0').dropdownchecklist({emptyText:"_(None)_", width:166});
  $('#bridge-eth0').dropdownchecklist({emptyText:"_(None)_", width:166});
  checkBondingSettings(form,0);
  checkBridgingSettings(form,0);
  checkNetworkAccess(form);
  selectProtocol(form);
  selectGW(form);
  selectMTU(form);
<?if ($service):?>
  disableForm(form);
  $('#bond-eth0').dropdownchecklist('disable');
  $('#bridge-eth0').dropdownchecklist('disable');
<?endif;?>
  checkDNSsettings(form);
  checkDNS6settings(form);
  $('.tabs').append(ctrl);
  portcheck('eth0');
  presetRun(form);
  $(dns).find('select,input').each(function(){$(this).on('input change',function() {
    $(form).find('input[value="<?=_("Apply")?>"],input[value="Apply"]').prop('disabled',false);
    $(form).find('input[value="<?=_("Done")?>"],input[value="Done"]').val("<?=_('Reset')?>").prop('onclick',null).off('click').click(function(){refresh($(form).offset().top);});
  });});
});

function networkInfo(port, vlan) {
  $.post('/webGui/include/NetworkInfo.php',{port:port,vlan:vlan},function(text) {
    swal({title:"_(Network Info)_",text:text,animation:'none',html:true,confirmButtonText:"_(Ok)_"});
  });
}
</script>

<div class="title nocontrol shift">&nbsp;</div>
<div class="shade uplift">
<form name="dns_settings" onchange="signalRun(this,1)">
<div markdown="1" id="dns4" class="hide">
_(IPv4 DNS server assignment)_:
: <select name="DHCP_KEEPRESOLV" onchange="checkDNSsettings(eth0,'slow')">
  <?=mk_option(_var($eth0,'DHCP_KEEPRESOLV'), "no", _("Automatic"))?>
  <?=mk_option(_var($eth0,'DHCP_KEEPRESOLV'), "yes", _("Static"))?>
  </select>

:eth_ipv4_dns_server_assignment_help:

<div markdown="1" id="dns4server" class="hide">
_(IPv4 DNS server)_ 1:
: <input type="text" name="DNS_SERVER1" maxlength="15" autocomplete="off" spellcheck="false" value="<?=_var($eth0,'DNS_SERVER1')?>" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">

:eth_ipv4_dns_server_help:

_(IPv4 DNS server)_ 2:
: <input type="text" name="DNS_SERVER2" maxlength="15" autocomplete="off" spellcheck="false" value="<?=_var($eth0,'DNS_SERVER2')?>" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">

:eth_ipv4_dns_server2_help:

_(IPv4 DNS server)_ 3:
: <input type="text" name="DNS_SERVER3" maxlength="15" autocomplete="off" spellcheck="false" value="<?=_var($eth0,'DNS_SERVER3')?>" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">

:eth_ipv4_dns_server3_help:

</div>
</div>
<div markdown="1" id="dns6" class="hide">
_(IPv6 DNS server assignment)_:
: <select name="DHCP6_KEEPRESOLV" onchange="checkDNS6settings(eth0,'slow')">
  <?=mk_option(_var($eth0,'DHCP6_KEEPRESOLV'), "no", _("Automatic"))?>
  <?=mk_option(_var($eth0,'DHCP6_KEEPRESOLV'), "yes", _("Static"))?>
  </select>

:eth_ipv6_dns_server_assignment_help:

<div markdown="1" id="dns6server" class="hide">
_(IPv6 DNS server)_ 1:
: <input type="text" name="DNS6_SERVER1" maxlength="39" autocomplete="off" spellcheck="false" value="<?=_var($eth0,'DNS6_SERVER1')?>" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">

:eth_ipv6_dns_server_help:

_(IPv6 DNS server)_ 2:
: <input type="text" name="DNS6_SERVER2" maxlength="39" autocomplete="off" spellcheck="false" value="<?=_var($eth0,'DNS6_SERVER2')?>" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">

:eth_ipv6_dns_server2_help:

_(IPv6 DNS server)_ 3:
: <input type="text" name="DNS6_SERVER3" maxlength="39" autocomplete="off" spellcheck="false" value="<?=_var($eth0,'DNS6_SERVER3')?>" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">

:eth_ipv6_dns_server3_help:

</div>
</div>
</form>
</div>

<form markdown="1" name="eth0_settings" method="POST" action="/update.php" target="progressFrame" onchange="signalRun(this,2)" onsubmit="return prepareSettings(this)">
<input type="hidden" name="#file" value="<?=$ini?>">
<input type="hidden" name="#include" value="/webGui/include/update.ethernet.php">
<input type="hidden" name="#section" value="eth0">
<input type="hidden" name="#command" value="/webGui/scripts/netconfig">
<input type="hidden" name="#arg[1]" value="">
<input type="hidden" name="BONDNAME" value="bond0">
<input type="hidden" name="BONDING_MIIMON" value="100">
<input type="hidden" name="BRNAME" value="br0">
<input type="hidden" name="BRSTP" value="no">
<input type="hidden" name="BRFD" value="0">
<input type="hidden" name="DHCP_KEEPRESOLV" value="">
<input type="hidden" name="DNS_SERVER1" value="">
<input type="hidden" name="DNS_SERVER2" value="">
<input type="hidden" name="DNS_SERVER3" value="">
<input type="hidden" name="DHCP6_KEEPRESOLV" value="">
<input type="hidden" name="DNS6_SERVER1" value="">
<input type="hidden" name="DNS6_SERVER2" value="">
<input type="hidden" name="DNS6_SERVER3" value="">

_(Interface description)_:
: <input type="text" name="DESCRIPTION:0" maxlength="80" autocomplete="off" spellcheck="false" value="<?=htmlspecialchars(_var($eth0,"DESCRIPTION:0"))?>">
  <input type="button" class="form" value="_(Info)_" onclick="networkInfo('eth0')">

:eth_interface_description_help:

_(MAC address)_:
: <?=strtoupper(exec("ip link show eth0|grep -Pom1 'ether \K\S+'"))?>

:eth_mac_address_help:

_(Enable bonding)_:
: <select name="BONDING" onchange="checkBondingSettings(this.form,1)">
  <?=mk_option(_var($eth0,'BONDING'), "no", _("No"))?>
  <?=mk_option(_var($eth0,'BONDING'), "yes", _("Yes"))?>
  </select>

:eth_enable_bonding_help:

<div markdown="1" id="bond-members-eth0" class="'hide">
_(Bonding mode)_:
: <select name="BONDING_MODE" onchange="checkBondingSettings(this.form,-1)">
  <?=mk_option(_var($eth0,'BONDING_MODE'), "0", _("balance-rr")." (0)")?>
  <?=mk_option(_var($eth0,'BONDING_MODE'), "1", _("active-backup")." (1)",isset($eth0['BONDING_MODE'])?'':'selected')?>
  <?=mk_option(_var($eth0,'BONDING_MODE'), "2", _("balance-xor")." (2)")?>
  <?=mk_option(_var($eth0,'BONDING_MODE'), "3", _("broadcast")." (3)")?>
  <?=mk_option(_var($eth0,'BONDING_MODE'), "4", _("802.3ad")." (4)")?>
  <?=mk_option(_var($eth0,'BONDING_MODE'), "5", _("balance-tlb")." (5)")?>
  <?=mk_option(_var($eth0,'BONDING_MODE'), "6", _("balance-alb")." (6)")?>
  </select>
  <span id="attention0" class="hide">**_(Attention)_:** _(this mode requires a network switch with proper setup and support)_...</span>

:eth_bonding_mode_help:

_(Bonding members of)_ bond0:
: <select id="bond-eth0" name="BONDNICS" multiple="multiple" class="'hide">
  <?=mk_option(_var($eth0,'BONDNICS'),'eth0','eth0','selected disabled')?>
  <?foreach ($ports as $port):?>
  <?if (!locked('eth0',$port)) echo mk_option_check(_var($eth0,'BONDNICS'),$port,$port)?>
  <?endforeach;?>
  </select>

:eth_bonding_members_help:

</div>
_(Enable bridging)_:
: <select name="BRIDGING" onchange="checkBridgingSettings(this.form,1)">
  <?=mk_option(_var($eth0,'BRIDGING'), "no", _("No"))?>
  <?=mk_option(_var($eth0,'BRIDGING'), "yes", _("Yes"))?>
  </select>

:eth_enable_bridging_help:

<div markdown="1" id="bridge-members-eth0" class="'hide">
_(Bridging members of)_ br0:
: <select id="bridge-eth0" name="BRNICS" multiple="multiple" class="'hide">
  <?=mk_option(_var($eth0,'BRNICS'),'eth0','eth0','selected disabled')?>
  <?foreach ($ports as $port):?>
  <?if (!locked('eth0',$port)) echo mk_option_check(_var($eth0,'BRNICS'),$port,$port)?>
  <?endforeach;?>
  </select>

:eth_bridging_members_help:

</div>
_(Network protocol)_:
: <select name="PROTOCOL:0" onchange="selectProtocol(this.form,0,'slow')">
  <?=mk_option(_var($eth0,"PROTOCOL:0"), 'ipv4', _('IPv4 only'))?>
  <?=mk_option(_var($eth0,"PROTOCOL:0"), 'ipv6', _('IPv6 only'))?>
  <?=mk_option(_var($eth0,"PROTOCOL:0"), 'ipv4+ipv6', _('IPv4 + IPv6'))?>
  </select>

:eth_network_protocol_help:

<div markdown="1" class="ipv4-eth0-0 hide">
_(IPv4 address assignment)_:
: <select name="USE_DHCP:0" onchange="selectProtocol(this.form,0,'slow')">
  <?=mk_option(_var($eth0,"USE_DHCP:0"), 'yes', _('Automatic'))?>
  <?=mk_option(_var($eth0,"USE_DHCP:0"), 'no', _('Static'))?>
  </select>

:eth_ipv4_address_assignment_help:

<div markdown="1" class="more-ipv4-eth0-0 hide">
_(IPv4 address)_:
: <input type="text" name="IPADDR:0" maxlength="15" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"IPADDR:0")?>" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">/<select name="NETMASK:0" class="slim">
  <?foreach ($masks as $mask => $prefix) echo mk_option(_var($eth0,"NETMASK:0"), $mask, $prefix, _var($eth0,"NETMASK:0")=='' && $prefix=='24'?'selected':'');?>
  </select>

:eth_ipv4_address_help:

_(IPv4 default gateway)_:
: <input type="text" name="GATEWAY:0" maxlength="15" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"GATEWAY:0")?>" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">
  <input type="text" name="METRIC:0" min="0" max="9999" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"METRIC:0")?:metric('eth0',4,0)?>" class="slim"><i class="fa fa-sort-numeric-asc"></i> *<?=$metric?>*

:eth_ipv4_default_gateway_help:

</div>
</div>
<div markdown="1" class="ipv6-eth0-0 hide">
_(IPv6 address assignment)_:
: <select name="USE_DHCP6:0" onchange="selectProtocol(this.form,0,'slow')">
  <?=mk_option(_var($eth0,"USE_DHCP6:0"), 'yes', _('Automatic'))?>
  <?=mk_option(_var($eth0,"USE_DHCP6:0"), 'no', _('Static'))?>
  </select>

:eth_ipv6_address_assignment_help:

<div markdown="1" class="more-ipv6-eth0-0 hide">
_(IPv6 address)_:
: <input type="text" name="IPADDR6:0" maxlength="39" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"IPADDR6:0")?>" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">/<input type="number" name="NETMASK6:0" min="7" max="128" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"NETMASK6:0","64")?>" class="slim">

:eth_ipv6_address_help:

_(IPv6 default gateway)_:
: <input type="text" name="GATEWAY6:0" maxlength="39" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"GATEWAY6:0")?>" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">
  <input type="text" name="METRIC6:0" min="0" max="9999" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"METRIC6:0")?:metric('eth0',6,0)?>" class="slim"><i class="fa fa-sort-numeric-asc"></i> *<?=$metric?>*

:eth_ipv6_default_gateway_help:

</div>
<div markdown="1" class="priv-ipv6-eth0-0 hide">
_(IPv6 privacy extensions)_:
: <select name="PRIVACY6:0">
  <?=mk_option(_var($eth0,"PRIVACY6:0"), "0", _("Disabled"))?>
  <?=mk_option(_var($eth0,"PRIVACY6:0"), "2", _("Enabled"))?>
  </select>

:eth_ipv6_privacy_extensions_help:

</div>
</div>
_(Desired MTU)_:
: <input type="number" name="MTU" min="68" max="9198" autocomplete="off" spellcheck="false" value="<?=_var($eth0,'MTU')?>" class="narrow" placeholder="1500" <?=(_var($eth0,'MTU')!='' || _var($eth0,'USE_MTU'))?'':'disabled'?>>
  <input type="checkbox" name="USE_MTU" onchange="selectMTU(this.form)" <?=_var($eth0,'USE_MTU')?'checked':''?>><?=$jumbo?>&nbsp;<i class="fa fa-info-circle blue-text hand" title="<?=$jumbo_1?>.&#10;<?=$jumbo_2?>.&#10;<?=$jumbo_3?>!"></i>

:eth_desired_mtu_help:

_(Enable VLANs)_:
: <select name="TYPE" onchange="checkNetworkAccess(this.form)">
  <?=mk_option(_var($eth0,'TYPE'), 'access', _('No'))?>
  <?=mk_option(_var($eth0,'TYPE'), 'trunk', _('Yes'))?>
  </select>
  <input type="button" id="button-vlan-eth0" class="form hide" value="_(Show)_" onclick="showVLAN('eth0')">

:eth_enable_vlans_help:

<div id="index-eth0-0"></div>
<div id="vlan-list-eth0" class="hide">
<?foreach ($vlan_eth0 as $i):?>
<div markdown="1" id="index-eth0-<?=$i?>" class="access-eth0 shade hide">
_(Interface description)_:
: <input type="text" name="DESCRIPTION:<?=$i?>" maxlength="80" autocomplete="off" spellcheck="false" value="<?=htmlspecialchars(_var($eth0,"DESCRIPTION:$i"))?>">
  <input type="button" class="form" value="_(Info)_" onclick="networkInfo('eth0',<?=_var($eth0,"VLANID:$i")?>)">

:eth_interface_description_help:

_(VLAN number)_:
: <input type="number" name="VLANID:<?=$i?>" min="1" max="4095" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"VLANID:$i")?>" class="narrow gap" required>
  <?if (!$service):?><input type="button" class="form" value="_(Delete VLAN)_" onclick="removeVLAN($('#index-eth0-<?=$i?>'))"><?endif;?>

:eth_vlan_number_help:

_(Network protocol)_:
: <select name="PROTOCOL:<?=$i?>" onchange="selectProtocol(this.form,<?=$i?>,'slow')">
  <?=mk_option(_var($eth0,"PROTOCOL:$i"), 'ipv4', _('IPv4 only'))?>
  <?=mk_option(_var($eth0,"PROTOCOL:$i"), 'ipv6', _('IPv6 only'))?>
  <?=mk_option(_var($eth0,"PROTOCOL:$i"), 'ipv4+ipv6', _('IPv4 + IPv6'))?>
  </select>

:eth_network_protocol_help:

<div markdown="1" class="ipv4-eth0-<?=$i?> hide">
_(IPv4 address assignment)_:
: <select name="USE_DHCP:<?=$i?>" class="ctrl" onchange="selectProtocol(this.form,<?=$i?>,'slow')">
  <?=mk_option(_var($eth0,"USE_DHCP:$i"), 'yes', _('Automatic'))?>
  <?=mk_option(_var($eth0,"USE_DHCP:$i"), 'no', _('Static'))?>
  <?=mk_option(_var($eth0,"USE_DHCP:$i"), '', _('None'))?>
  </select>
  <span class="gw4-eth0-<?=$i?> hide"><input type="checkbox" name="USE_GW4:<?=$i?>" onchange="selectGW(this.form,4,<?=$i?>,'slow')" <?=_var($eth0,"USE_GW:$i")?'checked':''?>><?=$enable?></span>

:eth_ipv4_address_assignment_help:

<div markdown="1" class="more-ipv4-eth0-<?=$i?> hide">
_(IPv4 address)_:
: <input type="text" name="IPADDR:<?=$i?>" maxlength="15" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"IPADDR:$i")?>" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">/<select name="NETMASK:<?=$i?>" class="slim">
  <?foreach ($masks as $mask => $prefix) echo mk_option(_var($eth0,"NETMASK:$i"), $mask, $prefix, _var($eth0,"NETMASK:$i")=='' && $prefix=='24'?'selected':'');?>
  </select>

:eth_ipv4_address_help:

<div markdown="1" class="more-gw4-eth0-<?=$i?> hide">
_(IPv4 default gateway)_:
: <input type="text" name="GATEWAY:<?=$i?>" maxlength="15" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"GATEWAY:$i")?>" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">
  <input type="text" name="METRIC:<?=$i?>" min="0" max="9999" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"METRIC:$i")?:metric('eth0.<?=_var($eth0,"VLANID:$i")?>',4,$i)?>" class="slim"><i class="fa fa-sort-numeric-asc"></i> *<?=$metric?>*

:eth_ipv4_default_gateway_help:

</div>
</div>
</div>
<div markdown="1" class="ipv6-eth0-<?=$i?> hide">
_(IPv6 address assignment)_:
: <select name="USE_DHCP6:<?=$i?>" class="ctrl" onchange="selectProtocol(this.form,<?=$i?>,'slow')">
  <?=mk_option(_var($eth0,"USE_DHCP6:$i"), 'yes', _('Automatic'))?>
  <?=mk_option(_var($eth0,"USE_DHCP6:$i"), 'no', _('Static'))?>
<?if ($i>0):?>
  <?=mk_option(_var($eth0,"USE_DHCP6:$i"), '', _('None'))?>
<?endif;?>
  </select>
  <span class="gw6-eth0-<?=$i?> hide"><input type="checkbox" name="USE_GW6:<?=$i?>" onchange="selectGW(this.form,6,<?=$i?>,'slow')" <?=_var($eth0,"USE_GW6:$i")?'checked':''?>><?=$enable?></span>

:eth_ipv6_address_assignment_help:

<div markdown="1" class="more-ipv6-eth0-<?=$i?> hide">
_(IPv6 address)_:
: <input type="text" name="IPADDR6:<?=$i?>" maxlength="39" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"IPADDR6:$i")?>" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">/<input type="number" name="NETMASK6:<?=$i?>" min="7" max="128" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"NETMASK6:$i","64")?>" class="slim">

:eth_ipv6_address_help:

<div markdown="1" class="more-gw6-eth0-<?=$i?> hide">
_(IPv6 default gateway)_:
: <input type="text" name="GATEWAY6:<?=$i?>" maxlength="39" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"GATEWAY6:$i")?>" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">
  <input type="text" name="METRIC6:<?=$i?>" min="0" max="9999" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"METRIC6:$i")?:metric('eth0.<?=_var($eth0,"VLANID:$i")?>',6,$i)?>" class="slim"><i class="fa fa-sort-numeric-asc"></i> *<?=$metric?>*

:eth_ipv6_default_gateway_help:

</div>
</div>
<div markdown="1" class="priv-ipv6-eth0-<?=$i?> hide">
_(IPv6 privacy extensions)_:
: <select name="PRIVACY6:<?=$i?>">
  <?=mk_option(_var($eth0,"PRIVACY6:$i"), "0", _("Disabled"))?>
  <?=mk_option(_var($eth0,"PRIVACY6:$i"), "2", _("Enabled"))?>
  </select>

:eth_ipv6_privacy_extensions_help:

</div>
</div>
</div>
<?endforeach;?>
</div>

&nbsp;
: <input type="submit" value="_(Apply)_" onclick="$('#wait_eth0').show()" disabled><input type="button" value="_(Done)_" onclick="done()">
<?if (!$service):?>
<input type="button" id="button-add-eth0" class="hide" value="_(Add VLAN)_" onclick="addVLAN('eth0')">
<?else:?><?=sprintf(_('Stop **%s** to make changes, see'),$service).' (<a href="/Settings">'._('Settings').'</a>)'?><?endif;?>
</form>

<script markdown="1" type="text/html" id="network-template-eth0">
<div markdown="1" id="index-eth0-INDEX" class="access-eth0 shade">
_(Interface description)_:
: <input type="text" name="DESCRIPTION:INDEX" maxlength="80" autocomplete="off" spellcheck="false" value="<?=htmlspecialchars(_var($eth0,"DESCRIPTION:INDEX"))?>">

_(VLAN number)_:
: <input type="number" name="VLANID:INDEX" min="1" max="4095" autocomplete="off" spellcheck="false" value="<?=_var($eth0,"VLANID:INDEX")?>" class="narrow gap" required>
  <input type="button" class="form" value="_(Delete VLAN)_" onclick="removeVLAN($('#index-eth0-INDEX'))">

_(Network protocol)_:
: <select name="PROTOCOL:INDEX" onchange="selectProtocol(this.form,INDEX,'slow')">
  <?=mk_option(_var($eth0,"PROTOCOL:INDEX"), 'ipv4', _('IPv4 only'))?>
  <?=mk_option(_var($eth0,"PROTOCOL:INDEX"), 'ipv6', _('IPv6 only'))?>
  <?=mk_option(_var($eth0,"PROTOCOL:INDEX"), 'ipv4+ipv6', _('IPv4 + IPv6'))?>
  </select>

<div markdown="1" class="ipv4-eth0-INDEX">
_(IPv4 address assignment)_:
: <select name="USE_DHCP:INDEX" class="ctrl" onchange="selectProtocol(this.form,INDEX,'slow')">
  <?=mk_option(_var($eth0,"USE_DHCP:INDEX"), 'yes', _('Automatic'))?>
  <?=mk_option(_var($eth0,"USE_DHCP:INDEX"), 'no', _('Static'))?>
  <?=mk_option(_var($eth0,"USE_DHCP:INDEX"), '', _('None'))?>
  </select>
  <span class="gw4-eth0-INDEX hide"><input type="checkbox" name="USE_GW4:INDEX" onchange="selectGW(this.form,4,INDEX,'slow')"><?=$enable?></span>

<div markdown="1" class="more-ipv4-eth0-INDEX hide">
_(IPv4 address)_:
: <input type="text" name="IPADDR:INDEX" maxlength="15" autocomplete="off" spellcheck="false" value="" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">/<select name="NETMASK:INDEX" class="slim">
  <?foreach ($masks as $mask => $prefix) echo mk_option(0, $mask, $prefix, $prefix=='24'?'selected':'');?>
  </select>

<div markdown="1" class="more-gw4-eth0-INDEX hide">
_(IPv4 default gateway)_:
: <input type="text" name="GATEWAY:INDEX" maxlength="15" autocomplete="off" spellcheck="false" value="" class="narrow" pattern="<?=$validIP4?>" title="_(IPv4 address A.B.C.D)_">
  <input type="text" name="METRIC:INDEX" min="1" max="9999" autocomplete="off" spellcheck="false" value="<?=metric('eth0.INDEX',4,$i+1)?>" class="slim"><i class="fa fa-sort-numeric-asc"></i> *<?=$metric?>*

</div>
</div>
</div>
<div markdown="1" class="ipv6-eth0-INDEX hide">
_(IPv6 address assignment)_:
: <select name="USE_DHCP6:INDEX" class="ctrl" onchange="selectProtocol(this.form,INDEX,'slow')">
  <?=mk_option(_var($eth0,"USE_DHCP6:INDEX"), 'yes', _('Automatic'))?>
  <?=mk_option(_var($eth0,"USE_DHCP6:INDEX"), 'no', _('Static'))?>
  <?=mk_option(_var($eth0,"USE_DHCP6:INDEX"), '', _('None'))?>
  </select>
  <span class="gw6-eth0-INDEX hide"><input type="checkbox" name="USE_GW6:INDEX" onchange="selectGW(this.form,6,INDEX,'slow')"><?=$enable?></span>

<div markdown="1" class="more-ipv6-eth0-INDEX hide">
_(IPv6 address)_:
: <input type="text" name="IPADDR6:INDEX" maxlength="39" autocomplete="off" spellcheck="false" value="" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">/<input type="number" name="NETMASK6:INDEX" min="7" max="128" autocomplete="off" spellcheck="false" value="64" class="slim">

<div markdown="1" class="more-gw6-eth0-INDEX hide">
_(IPv6 default gateway)_:
: <input type="text" name="GATEWAY6:INDEX" maxlength="39" autocomplete="off" spellcheck="false" value="" pattern="<?=$validIP6?>" title="_(IPv6 address nnnn:xxxx::yyyy)_">
  <input type="text" name="METRIC6:INDEX" min="1" max="9999" autocomplete="off" spellcheck="false" value="<?=metric('eth0.INDEX',6,$i+1)?>" class="slim"><i class="fa fa-sort-numeric-asc"></i> *<?=$metric?>*

</div>
</div>
<div markdown="1" class="priv-ipv6-eth0-INDEX hide">
_(IPv6 privacy extensions)_:
: <select name="PRIVACY6:INDEX">
  <?=mk_option(_var($eth0,'PRIVACY6:INDEX'), "0", _("Disabled"))?>
  <?=mk_option(_var($eth0,'PRIVACY6:INDEX'), "2", _("Enabled"))?>
  </select>

</div>
</div>
</div>
</script>