{% load bootstrap %}
{% load angular %}

<div class="panel panel-default">
    <div class="panel-heading" id="details"><h2>Details</h2></div>
    <div class="panel-body">
        <fieldset class="form-horizontal">
            {% if not bond.id %}
                {{ bond_form.administrative_profile|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {% endif %}
            {{ bond_form.name|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.note|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.circuit_id|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.product|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.serial_number|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.asset_tag|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.space|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}

            {% if bond.id %}
                <ba-permission-show all="['view_bonderauthorization']">
                    <div class="form-group">
                        <div class="col-md-offset-3 col-md-9">
                            <button class="btn btn-default" type="button" ng-click="popupChangePasswordModal()">Show / change password</button>
                        </div>
                    </div>
                </ba-permission-show>
            {% endif %}

            {% if not bond.id %}
                {# A new bond #}
                {{ bond_form.proof_of_concept|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {% else %}
                {# An existing bond #}
                {% if bond.proof_of_concept %}
                    {# Make this always enabled if proof of concept is initially enabled. #}
                    <input type="hidden" name="proof_of_concept" value="on">
                {% endif %}
            {% endif %}
            {{ bond_form.metric_collection_interval|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.metric_reporting_interval|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.cpu_governor|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.tcp_congestion_control_algorithm|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.conntrack_table_size|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.web_server|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.node_debug|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.manage_process_affinity|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.tunnel_affinity_core|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.bonder_form.dns_servers|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
            {{ bond_form.automatic_source_ip|bootstrap_horizontal:'col-sm-3 col-lg-3' | escapeangular_safe }}
        </fieldset>
    </div>
</div>