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

{% block form %}
    <div class="field-group">
        <h4>Service</h4>
        {% if obj.device %}
            <div class="row mb-3">
                <label class="col-sm-3 col-form-label text-end">Device</label>
                <div class="col">
                    <input class="form-control" value="{{ obj.device }}" disabled />
                </div>
            </div>
        {% else %}
            <div class="row mb-3">
                <label class="col-sm-3 col-form-label text-end">Virtual Machine</label>
                <div class="col">
                    <input class="form-control" value="{{ obj.virtual_machine }}" disabled />
                </div>
            </div>
        {% endif %}
        {% render_field form.name %}
        <div class="row">
            <label class="col-sm-3 col-form-label text-end">Port(s)</label>
            <div class="col-2">
                {{ form.protocol }}
            </div>
            <div class="col-7">
                {{ form.ports }}
            </div>
        </div>
        <div class="row mb-3">
            <div class="col-3"></div>
            <div class="col-9">
                <span class="form-text">{{ form.ports.help_text }}</span>
            </div>
        </div>
        
        {% render_field form.ipaddresses %}
        {% render_field form.description %}
        {% render_field form.tags %}
    </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 %}