{% extends "base.html" %}
{% comment %}© 2009, Multapplied Networks, Inc.{% endcomment %}
{% load bootstrap %}
{% load angular %}

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

{% block title %}
     {% if agg.id %}Edit {{ agg | escapejs }}{% else %}Add Aggregator{% endif %} {{ block.super }}
{% endblock %}

{% block pagescript %}
    <script src="{{ STATIC_URL }}js/modified-form.js"></script>
    {% include "banode/aggregators/js_partials/failed.html" %}
{% endblock %}

{% block breadcrumbs %}
    {{ block.super }}
    <li><a href="{% url 'aggregators' %}" target="_parent">Aggregators</a></li>
    {% if agg.id %}
        <li><a href="{% url 'aggregator-details' agg.id %}" target="_parent">{{ agg | escapeangular_unsafe }}</a></li>
        <li>Edit</li>
    {% else %}
        <li>Add Aggregator</li>
    {% endif %}
{% endblock %}

{% block content %}
    <div class="row">
        <div class="col-md-12">
            <h1>{% if agg.id %}Edit {{ agg | escapeangular_unsafe }}{% else %}Add Aggregator{% endif %}</h1>
        </div>
    </div>
    <div
        class="col-md-6"
        {% if agg.id %}
        ng-controller="AggEditCtrl"
        ng-init="init('{% url 'current:aggregator-detail' agg.id  %}')"
        {% endif %}
        ng-cloak
    >
        {% if agg.id %}
            <form class="form-horizontal" action="/django/aggregators/{{ agg.id }}/edit/" method="post" id="agg_form" novalidate>
        {% else %}
            <form class="form-horizontal" action="/django/aggregators/add/" method="post" id="agg_form" novalidate>
        {% endif %}
        {% csrf_token %}

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

        <div class="form-group">
            <div class="btn-toolbar form-actions">
                <button type="submit" class="btn btn-primary submit btn-group" form="agg_form">Save</button>
                {% if agg.id %}
                    <a class="btn btn-default" href="{% url 'aggregator-details' agg.id %}" target="_parent">Cancel</a>
                {% else %}
                    <a class="btn btn-default" href="{% url 'aggregators' %}" target="_parent">Cancel</a>
                {% endif %}
            </div>
        </div>

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

        {{ agg_form.name|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.ip|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.ipv6|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.routing_group|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.serial_number|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.asset_tag|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.space|bootstrap_horizontal | escapeangular_safe }}

        {{ agg_form.monitor_aggfail|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.failover_check_interval|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.failover_check_recv_timeout|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.failover_check_fail_threshold|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.failover_check_recovery_checks|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.failover_check_max_flap_checks|bootstrap_horizontal | escapeangular_safe }}

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

        {{ agg_form.proxy_arp|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.metric_collection_interval|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.metric_reporting_interval|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.cpu_governor|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.tcp_congestion_control_algorithm|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.conntrack_table_size|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.web_server|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.debug|bootstrap_horizontal | escapeangular_safe }}
        {{ agg_form.mesh_encryption_tso_enabled|bootstrap_horizontal | escapeangular_safe }}
        </form>
    </div>
{% endblock %}