{% load bootstrap %}
{% load widget_tweaks %}
{% load angular %}
<dl class="dl-horizontal">
    <dt>Source ports</dt>
    <dd class='{% if form.source_ports.errors %}has-error{% endif %}'>
        {{ form.source_ports|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' | escapeangular_safe }}
        {% if form.source_ports.errors %}
            <span class='help-block'>
            {% for error in form.source_ports.errors %}
                {{ error }}<br>
            {% endfor %}
        </span>
        {% endif %}
    </dd>

    <dt>Destination ports</dt>
    <dd class='{% if form.destination_ports.errors %}has-error{% endif %}'>
        {{ form.destination_ports|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' | escapeangular_safe }}
        {% if form.destination_ports.errors %}
            <span class='help-block'>
                {% for error in form.destination_ports.errors %}
                    {{ error }}<br>
                {% endfor %}
            </span>
        {% endif %}
    </dd>

    <dt>ICMP type</dt>
    <dd class='{% if form.icmp_type.errors %}has-error{% endif %}'>
        {{ form.icmp_type|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        {% if form.icmp_type.errors %}
            <span class='help-block'>
                {% for error in form.icmp_type.errors %}
                    {{ error }}<br>
                {% endfor %}
            </span>
        {% endif %}
    </dd>


    <dt>TCP flags</dt>
    <dd class='{% if form.tcp_flags_consider.errors or form.tcp_flags_match.errors %}has-error{% endif %}'>
        <div class='qos-input-list-unstyled'>
            <label for="">Consider<br>
            {{ form.tcp_flags_consider }}
            {% if form.tcp_flags_consider.errors %}
                <span class='help-block'>
                {% for error in form.tcp_flags_consider.errors %}
                    {{ error }}<br>
                {% endfor %}
                </span>
            {% endif %}
            </label>
        </div>
        <div class='qos-input-list-unstyled'>
            Match<br>
            {{ form.tcp_flags_match }}
            {% if form.tcp_flags_match.errors %}
                <span class='help-block'>
                {% for error in form.tcp_flags_match.errors %}
                    {{ error }}<br>
                {% endfor %}
                </span>
            {% endif %}
        </div>
    </dd>


    <dt>Service request (DSCP)</dt>
    <dd class='{% if form.dscp_class.errors %}has-error{% endif %}'>
        {{ form.dscp_class|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        {% if form.dscp_class.errors %}
            <span class='help-block'>
                {% for error in form.dscp_class.errors %}
                    {{ error }}<br>
                {% endfor %}
            </span>
        {% endif %}
    </dd>


    <dt>Global frequency</dt>
    <dd class='{% if form.limit_rate_value.errors or form.limit_rate_unit.errors or form.limit_burst.errors %}has-error{% endif %}'>
        Match up to {{ form.limit_rate_value|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        /
        {{ form.limit_rate_unit|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        Burst to
        {{ form.limit_burst|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        {% if form.limit_rate_value.errors or form.limit_rate_unit.errors or form.limit_burst.errors %}
            <span class='help-block'>
                {% for error in form.limit_rate_value.errors %}
                    {{ error }}<br>
                {% endfor %}
                {% for error in form.limit_rate_unit.errors %}
                    {{ error }}<br>
                {% endfor %}
                {% for error in form.limit_burst.errors %}
                    {{ error }}<br>
                {% endfor %}
            </span>
        {% endif %}
    </dd>


    <dt>Connection frequency</dt>
    <dd class='{% if form.hashlimit_value_type.errors or form.hashlimit_value.errors or form.hashlimit_rate_unit.errors or form.hashlimit_burst.errors or form.hashlimit_mode_srcip.errors or form.hashlimit_mode_srcport.errors or form.hashlimit_srcmask.errors or form.hashlimit_mode_dstip.errors or form.hashlimit_mode_dstport.errors or form.hashlimit_dstmask.errors %}has-error{% endif %}'>
        Match {{ form.hashlimit_value_type|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        {{ form.hashlimit_value|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        /
        {{ form.hashlimit_rate_unit|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        Burst to
        {{ form.hashlimit_burst|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}<br>
        {% if form.hashlimit_value_type.errors or form.hashlimit_value.errors or form.hashlimit_rate_unit.errors %}
            <span class="help-block">
            {% for error in form.hashlimit_value_type.errors %}
                {{ error }}<br>
            {% endfor %}
                {% for error in form.hashlimit_value.errors %}
                    {{ error }}<br>
                {% endfor %}
                {% for error in form.hashlimit_rate_unit.errors %}
                    {{ error }}<br>
                {% endfor %}
            </span>
        {% endif %}
        <div class="stacked">
            {{ form.hashlimit_mode_srcip|bootstrap_inline }}
            {{ form.hashlimit_mode_srcport|bootstrap_inline }}
            Source Mask
            {{ form.hashlimit_srcmask|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
            {% if form.hashlimit_srcmask.errors %}
                <span class="help-block">
                    {% for error in form.hashlimit_srcmask.errors %}
                        {{ error }}<br>
                    {% endfor %}
                </span>
            {% endif %}
        </div>
        <div class="stacked">
            {{ form.hashlimit_mode_dstip|bootstrap_inline }}
            {{ form.hashlimit_mode_dstport|bootstrap_inline }}
            Destination Mask
            {{ form.hashlimit_dstmask|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
            {% if form.hashlimit_dstmask.errors %}
                <span class="help-block">
                    {% for error in form.hashlimit_dstmask.errors %}
                        {{ error }}<br>
                    {% endfor %}
                </span>
            {% endif %}
        </div>
    </dd>


    <dt>Connection bytes</dt>
    <dd class='{% if form.connbytes_size.errors or form.connbytes_mode.errors or form.connbytes_dir.errors %}has-error{% endif %}'>
        Size {{ form.connbytes_size|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        Mode
        {{ form.connbytes_mode|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        Direction
        {{ form.connbytes_dir|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        {% if form.connbytes_size.errors or form.connbytes_mode.errors or form.connbytes_dir.errors %}
            <span class='help-block'>
                {% for error in form.connbytes_size.errors %}
                    {{ error }}<br>
                {% endfor %}
                {% for error in form.connbytes_mode.errors %}
                    {{ error }}<br>
                {% endfor %}
                {% for error in form.connbytes_dir.errors %}
                    {{ error }}<br>
                {% endfor %}
            </span>
        {% endif %}
    </dd>


    <dt>Connection tracking</dt>
    <dd class='{% if form.conntrack_state.errors or form.conntrack_protocol.errors %}has-error{% endif %}'>
        State {{ form.conntrack_state|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        Protocol {{ form.conntrack_protocol|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        {% if form.conntrack_state.errors or form.conntrack_protocol.errors %}
            <span class='help-block'>
                {% for error in form.conntrack_state.errors %}
                    {{ error }}<br>
                {% endfor %}
                {% for error in form.conntrack_protocol.errors %}
                    {{ error }}<br>
                {% endfor %}
            </span>
        {% endif %}
    </dd>


    <dt>Protocol helper</dt>
    <dd class='{% if form.helper.errors %}has-error{% endif %}'>
        {{ form.helper|add_class:'form-control'|add_class:'input-sm'|add_class:'qos-input-medium'|add_class:'qos-input-inline' }}
        {% if form.helper.errors %}
            <span class='help-block'>
                {% for error in form.helper.errors %}
                    {{ error }}<br>
                {% endfor %}
            </span>
        {% endif %}
    </dd>
</dl>