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

{% block form %}
    <div class="card">
        <h5 class="card-header">Service</h5>
        <div class="card-body">
            {% if obj.device %}
                <div class="form-group">
                    <label class="col-md-3 control-label required">Device</label>
                    <div class="col-md-9">
                        <p class="form-control-static">{{ obj.device }}</p>
                    </div>
                </div>
            {% else %}
                <div class="form-group">
                    <label class="col-md-3 control-label required">Virtual Machine</label>
                    <div class="col-md-9">
                        <p class="form-control-static">{{ obj.virtual_machine }}</p>
                    </div>
                </div>
            {% endif %}
            {% render_field form.name %}
            <div class="form-group form-inline">
                <label class="col-md-3 control-label required">Port(s)</label>
                <div class="col-md-9">
                    {{ form.protocol }}
                    {{ form.ports }}
                    <span class="help-block">{{ form.ports.help_text }}</span>
                </div>
            </div>
            {% render_field form.ipaddresses %}
            {% render_field form.description %}
            {% render_field form.tags %}
        </div>
    </div>
    {% if form.custom_fields %}
        <div class="card">
            <h5 class="card-header">Custom Fields</h5>
            <div class="card-body">
                {% render_custom_fields form %}
            </div>
        </div>
    {% endif %}
{% endblock %}