{% extends "kunde/base.html" %}
{% load i18n %}
{% load noris_extra %}
{% block javascript %}
<script type="text/javascript">
function submit() {
    document.getElementById("unterkunden_form").submit();
}

function init() {
    var mit_unterkunden_el = document.getElementById('id_mit_unterkunden');
    if (mit_unterkunden_el) {
        mit_unterkunden_el.onclick=submit;
        mit_unterkunden_el.focus();
    }
}
</script>
{% endblock javascript %}

{% block content %}
<h1>{% trans "IPs von" %} <a href="{% naviurl kunde.overview %}">{{kunden_name}}</a></h1>

{% if hat_unterkunden %}
    <form id="unterkunden_form" method="get" action="#results" class="horizontal">
        <div class="inner">
            {{form.mit_unterkunden}}
            <label for="id_mit_unterkunden">{{form.mit_unterkunden.label}}</label>
            <input type="hidden" name="dummy" />
        </div>
    </form>
{% endif %}

<table class="searchresults" cellspacing="2pt">
    <tr>
        <th>{% trans "ID" %}</th>
        <th>{% trans "IP" %}</th>
        <th>{% trans "Netmask" %}</th>
        <th>{% trans "Hostname" %}</th>
    </tr>
    {% for ip in ips %}
        <tr class="{% cycle row1,row2 %}">
            <td align="right">{{ip.id}}</td>
            <td>{{ip.ipaddr_num_display}}</td>
            <td>{% if ip.bits %}/{{ip.netbits}}{% endif %}</td>
            {% if ip.name %}
                <td>{{ip.name}}</td>
            {% else %}
                <td class="hint">{% trans "Kein Name eingetragen!" %}</td>
            {% endif %}
        </tr>
    {% endfor %}
</table>
{% endblock %}