{% extends 'generic/object_edit.html' %}
{% load form_helpers %}

{% block form %}
    {# Render hidden fields #}
    {% for field in form.hidden_fields %}
      {{ field }}
    {% endfor %}

    <div class="field-group my-5">
      <div class="row mb-2">
        <h5 class="offset-sm-3">Interface</h5>
      </div>
      {% if form.instance.virtual_machine %}
        <div class="row mb-3">
          <label class="col-sm-3 col-form-label text-lg-end required" for="id_device">Virtual Machine</label>
          <div class="col">
            <input class="form-control" value="{{ form.instance.virtual_machine }}" disabled />
          </div>
        </div>
      {% endif %}
      {% render_field form.name %}
      {% render_field form.description %}
      {% render_field form.mac_address %}
      {% render_field form.vrf %}
      {% render_field form.mtu %}
      {% render_field form.tags %}
      {% render_field form.enabled %}
    </div>

    <div class="field-group my-5">
        <div class="row mb-2">
          <h5 class="offset-sm-3">Related Interfaces</h5>
        </div>
        {% render_field form.parent %}
        {% render_field form.bridge %}
    </div>

    <div class="field-group my-5">
      <div class="row mb-2">
        <h5 class="offset-sm-3">802.1Q Switching</h5>
      </div>
      {% render_field form.mode %}
      {% render_field form.vlan_group %}
      {% render_field form.untagged_vlan %}
      {% render_field form.tagged_vlans %}
    </div>

    {% if form.custom_fields %}
      <div class="field-group my-5">
        <div class="row mb-2">
          <h5 class="offset-sm-3">Custom Fields</h5>
        </div>
        {% render_custom_fields form %}
      </div>
    {% endif %}
{% endblock %}