{% extends "base.html" %}
{% block content %}
<form action="{% url 'port:add' %}" method="post">
    {% csrf_token %}
    <fieldset>
        <legend>Port</legend>
        {{ port_form }}
    </fieldset>
    <fieldset>
        <legend>Dock</legend>
        <table>
        {% for dock_form in dock_forms %}
            {{ dock_form.as_table }}
        {% endfor %}
        </table>
    </fieldset>
    <fieldset>
        <legend>Plug</legend>
        <table>
        {% for plug_form in plug_forms %}
            {{ plug_form.as_table }}
        {% endfor %}
        </table>
    </fieldset>
    <fieldset>
        <legend>Tap</legend>
        <table>
        {% for tap_form in tap_forms %}
            {{ tap_form.as_table }}
        {% endfor %}
        </table>
    </fieldset>
    <input type="submit" value="add"/>
</form>

{% endblock %}