{% for obj in available_additional_information.types %}
<div id="table-{{obj.type}}-Div">
    <table class="table table-bordered table-hover">
        <tbody>
        <tr id="{{ obj.type }}GroupRow" style="background-color: rgba(0, 0, 0, 0.08);">
            <td><p style="font-size:18px">{{obj.title}}</p></td>
        </tr>
        <!-- Loop through all AIs and attach the ones without subtype -->
        {% for ai in available_additional_information.ais %}
        <tr>
        {% if obj.type in ai.types and ai.sub_type is not defined %}
            <td><span title="">{{ ai.name }}</span></td>
            <!-- #TODO -->
            {% for c in "1 2 3"|make_list %}
            <td class="col-{{ c }}">
                {% for form in ai.forms %}
                <!-- Build input -->
                {% if form.type == 'select' %}
                <select class="form-control" name="{{ form.param_name}}">
                    <option value="">{{ form.placeholder }}</option>
                    {% for choice in form.choices %}
                    <option value="{{ choice.value }}">
                        {{ choice.name }}
                    </option>
                    {% endfor %}
                </select>
                {% else %}
                <input type="{{ form.type }}" name="{{ form.param_name }}" class="form-control" placeholder="{{ form.placeholder|safe }}"/>
                {% endif %}
                {% endfor %}
            </td>
            {% endfor %}
        {% endif %}
        {% endfor %}
        </tr>
        {% for subtype in available_additional_information.subtypes %}
        <tr id="{{ subtype.type }}GroupRow" style="background-color: rgba(0, 0, 0, 0.08);">
            <td><p style="font-size:18px">{{subtype.title}}</p></td>
        </tr>
        <!-- Loop through all AIs and attach the ones with the same subtype -->
        {% for ai in available_additional_information.ais %}
        <tr>
            {% if obj.type in ai.types and subtype.type == ai.sub_type %}
            <td><span title="">{{ ai.name }}</span></td>
            <!-- #TODO -->
            {% for c in "1 2 3"|make_list %}
            <td class="col-{{ c }}">
            {% for form in ai.forms %}
                <!-- Build input -->
                {% if form.type == 'select' %}
                <select class="form-control" name="{{ form.param_name }}">
                    <option value="">{{ form.placeholder }}</option>
                    {% for choice in form.choices %}
                    <option value="{{ choice.value }}">
                        {{ choice.name }}
                    </option>
                    {% endfor %}
                </select>
                {% else %}
                <input type="{{ form.type }}" name="{{ form.param_name }}" class="form-control" placeholder="{{ form.placeholder|safe }}">
                {% endif %}
            {% endfor %}
            </td>
            {% endfor %}
            {% endif %}
        </tr>
        {% endfor %}
        {% endfor %}
        </tbody>
    </table>
</div>
{% endfor %}