{% load static %}
{% load bootstrap %}

<form name="form" ng-submit="submit(form)" method="post" id="edit-multiple-form" novalidate>
<div class="modal-header">
    <button type="button" class="close" ng-click="$dismiss()">×</button><h3>Edit multiple</h3>
</div>
<div class="modal-body">
    <div>
        These values will be applied to {% if bond_count == 1 %}the 1 selected aggregator.{% else %}each of the {{ bond_count }} selected aggregators.{% endif %} To avoid changing a value for the selected aggregators, leave the field blank or choose the value "unchanged."
    </div>
    <hr>

        {% csrf_token %}
        <input type="hidden" value="{{ aggregators }}" name="aggregators" id="id_aggs">
        <fieldset class="form-horizontal">

            {% verbatim %}
            <div class="form-group">
                <div class="col-sm-12">
                    <div class="alert alert-danger" ng-if="errors.__all__">
                        <ul class="list-unstyled">
                            <li ng-repeat="error in errors.__all__">
                                {{ error }}
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            {% endverbatim %}
            {{ form.debug|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.monitor_aggfail|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.failover_check_interval|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.failover_check_recv_timeout|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.failover_check_fail_threshold|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.failover_check_recovery_checks|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.failover_check_max_flap_checks|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.proxy_arp|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.cpu_governor|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.netconsole_enabled|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.netconsole_address|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
            {{ form.netconsole_port|bootstrap_horizontal:'col-sm-3 col-lg-3' }}
        </fieldset>

        {{ form.media.js }}
</div>
<div class="modal-footer">
    <img src="{% static 'img/spinner-bg-trans.gif' %}" alt="" id="edit-multiple-form-loading" style="display: none">
    <button type="button" class="btn btn-default" ng-click="$dismiss()" id="edit-multiple-form-cancel-button">Cancel</button>
    {% verbatim %}
    <button type="submit" class="btn btn-primary submit" ng-disabled="form.$submitted" form="edit-multiple-form" id="edit-multiple-form-submit-button"
        >{{ form.$submitted ? "Saving..." : "Save" }}</button>
    {% endverbatim %}
</div>
</form>