{% extends "base.html" %}
{% comment %}© 2012, Multapplied Networks, Inc.{% endcomment %}
{% load bootstrap %}
{% load static from staticfiles %}
{% load compress %}
{% load angular %}

{% block base %}<base href="/django/bonds/{% if bond.id %}{{ bond.id }}/edit{% else %}add{% endif %}/"/>{% endblock %}

{% block script %}
    {% compress js %}
    <script src="{% static "js/bond-edit.js" %}"></script>
    <script src="{% static "js/lib/bootstrap-multiselect.js" %}"></script>
    {% endcompress %}
{% endblock %}

{% block pagescript %}
    <script>
        $(function() {
            {% if bond_form.clamp_tcp.errors or bond_form.source_address_verification.errors or bond_form.regular_leg_ping_time.errors or bond_form.regular_leg_fail_time.errors or bond_form.failover_leg_ping_time.errors or bond_form.failover_leg_fail_time.errors %}
                $('#ba-collapse-show-0').click();
            {% endif %}

            {% if bond_form.bridge_file_descriptor_limit.errors %}
                $('#ba-collapse-show-1').click();
            {% endif %}

            var permissions = "{{ request.user.permissions | safe }}";
            ba.initBondEditForm(permissions);
        });
    </script>
    <script src="{% static "js/modified-form.js" %}"></script>
    {% include 'js_partials/_break_bfcache.html' %}
{% endblock %}

{% block title %}
    {% if bond.id %}Edit {{ bond.bonder.name | escapejs }}{% else %}Add Bond{% endif %} {{ block.super }}
{% endblock %}

{% block breadcrumbs %}
    {{ block.super }}
    <li><a href="{% url 'bonds' %}" target="_parent">Bonds</a></li>
    {% if bond.id %}
        <li><a href="{% url 'bond-details' bond.id %}" target="_parent">{{ bond.bonder.name | escapeangular_unsafe }}</a></li>
        <li>Edit</li>
    {% else %}
        <li>Add Bond</li>
    {% endif %}
{% endblock %}

{% block content %}
    <div
        class="row"
        {% if bond.id %}
        ng-controller="BondEditCtrl"
        ng-init="init('{% url 'current:bonder-detail' bond.bonder.id  %}')"
        {% endif %}
        ng-cloak
    >
        <div class="col-md-12">
            {% if bond.id %}
                <form action="/django/bonds/{{ bond.id }}/edit/" method="post" id="bond_form" novalidate>
            {% else %}
                <form action="/django/bonds/add/" method="post" id="bond_form" novalidate>
            {% endif %}
            {% csrf_token %}
            <div class="row">
                <div class="col-md-12">
                    <h1 id="bonder">{% if bond.id %}Edit {{ bond.bonder.name | escapeangular_unsafe }}{% else %}Add Bond{% endif %}</h1>
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="btn-toolbar form-actions">
                        <button type="submit" class="btn btn-primary submit" form="bond_form">Save</button>
                        {% if bond.id %}
                            <a href="{% url 'bond-details' bond.id %}" target="_parent" class="btn btn-default">Cancel</a>
                        {% else %}
                            <a href="{% url 'bonds' %}" target="_parent" class="btn btn-default">Cancel</a>
                        {% endif %}
                    </div>
                </div>
            </div>


            {% for hidden in bond_form.hidden_fields %}
                {{ hidden }}
            {% endfor %}

            {% if bond_form.non_field_errors %}
                <div class="row">
                    <div class="col-md-12">
                        <div class="alert alert-danger">
                            {{ bond_form.non_field_errors }}
                        </div>
                    </div>
                </div>
            {% endif %}

            <div class="row">
                {% if show_bond_form %}
                <div class="col-md-6">
                    {% include 'bacore/bonds/edit_partials/_bond_configuration.html' with disable_tcp_proxy=disable_tcp_proxy %}
                </div>
                <div class="col-md-6">
                    {% include 'bacore/bonds/edit_partials/_bond_detail.html' %}
                </div>
                {% endif %}
            </div>

            {% if perms.bacore.change_leg and perms.bacore.view_leg %}
                <div class="row">
                    <div class="col-md-12">
                        <div class="panel panel-default">
                            <div class="panel-heading" id="legs"><h2>Network details</h2></div>
                            <div class="panel-body">
                                <p>
                                    Network details are now managed on the main bond page.
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            {% endif %}

            <div class="row">
                <div class="col-md-12">
                        <div class="btn-toolbar form-actions">
                            <button type="submit" class="btn btn-primary submit" form="bond_form">Save</button>
                            {% if bond.id %}
                                <a href="{% url 'bond-details' bond.id %}" target="_parent" class="btn btn-default">Cancel</a>
                            {% else %}
                                <a href="{% url 'bonds' %}" target="_parent" class="btn btn-default">Cancel</a>
                            {% endif %}
                        </div>
                </div>
            </div>
            </form>
        </div>
    </div>
{% endblock %}