{% extends 'utilities/obj_edit.html' %}
{% load form_helpers %}

{% block form %}
    <div class="panel panel-default">
        <div class="panel-heading"><strong>Interface</strong></div>
        <div class="panel-body">
            {% render_field form.name %}
            {% render_field form.enabled %}
            {% render_field form.mac_address %}
            {% render_field form.mtu %}
            {% render_field form.description %}
            {% render_field form.mode %}
            {% render_field form.tags %}
        </div>
    </div>
    {% if obj.mode %}
        <div class="panel panel-default" id="vlans_panel">
            <div class="panel-heading"><strong>802.1Q VLANs</strong></div>
            {% include 'dcim/inc/interface_vlans_table.html' %}
            <div class="panel-footer text-right">
                <a href="{% url 'dcim:interface_assign_vlans' pk=obj.pk %}?return_url={% url 'virtualization:interface_edit' pk=obj.pk %}" class="btn btn-primary btn-xs{% if form.instance.mode == 100 and form.instance.untagged_vlan %} disabled{% endif %}">
                    <i class="glyphicon glyphicon-plus"></i> Add VLANs
                </a>
            </div>
        </div>
    {% endif %}
{% endblock %}

{% block buttons %}
    {% if obj.pk %}
        <button type="submit" name="_update" class="btn btn-primary">Update</button>
        <button type="submit" formaction="?return_url={% url 'virtualization:interface_edit' pk=obj.pk %}" class="btn btn-primary">Update and Continue Editing</button>
    {% else %}
        <button type="submit" name="_create" class="btn btn-primary">Create</button>
        <button type="submit" name="_addanother" class="btn btn-primary">Create and Add Another</button>
    {% endif %}
    <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
{% endblock %}

{% block javascript %}
    <script type="text/javascript">
        $(document).ready(function() {
            $('#clear_untagged_vlan').click(function () {
                $('input[name="untagged_vlan"]').prop("checked", false);
                return false;
            });
            $('#clear_tagged_vlans').click(function () {
                $('input[name="tagged_vlans"]').prop("checked", false);
                return false;
            });
        });
    </script>
{% endblock %}