{% set prefix = 'vl.' ~ idx %}
<tr data-mode-row>
  <td><input name="{{ prefix }}.name" value="{{ name }}" size="10" placeholder="vlan&lt;id&gt;"></td>
  <td><input name="{{ prefix }}.id" value="{{ v.id or '' }}" size="5" required></td>
  <td>
    <select name="{{ prefix }}.link">
      {% for p in parents %}<option {{ 'selected' if v.link == p }}>{{ p }}</option>{% endfor %}
    </select>
  </td>
  <td>
    <select name="{{ prefix }}.mode" data-mode-switch>
      {% for m, label in (('dhcp', 'DHCP'), ('static', 'статика'), ('manual', 'без адреса'), ('off', 'выключен')) %}
      <option value="{{ m }}" {{ 'selected' if v.mode == m }}>{{ label }}</option>
      {% endfor %}
    </select>
  </td>
  <td data-static><input name="{{ prefix }}.addresses" value="{{ (v.addresses or [])|join(', ') }}" placeholder="10.0.0.5/24"></td>
  <td data-static><input name="{{ prefix }}.gateway" value="{{ v.gateway or '' }}" size="13"></td>
  <td data-static><input name="{{ prefix }}.dns" value="{{ (v.dns or [])|join(', ') }}" size="13"></td>
  <td><textarea name="{{ prefix }}.routes" rows="1">{% for r in v.routes or [] %}{{ r.to }} via {{ r.via }}
{% endfor %}</textarea></td>
  <td><input name="{{ prefix }}.mtu" value="{{ v.mtu or '' }}" size="5"></td>
  <td><button type="button" class="danger small" data-remove-row>×</button></td>
</tr>