{% extends "kunde/base.html" %}
{% load i18n %}
{% load noris_extra %}
{% block logo %}{% endblock %}
{% block titles %}{% endblock %}
{% block services %}{% endblock %}
{% block body_attr %}class="full_page"  onload="init()"{% endblock %}
{% block javascript %}
<script type="text/javascript">
function submit() {
    document.getElementById("search_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>{{titel}} <a href="{% naviurl kunde.overview %}">{{kunden_name}}</a></h1>

<form id="search_form" method="get" action="#results" class="horizontal">
    <div class="inner">
        <input  class="submit" type="submit" value="{% trans "Suchen" %}" />
        <label for="id_suche">{% trans "Suche:" %} </label>
        {{form.suche}}
        {% if hat_unterkunden %}
            <span style="margin-left:7em">
                {{form.mit_unterkunden}}
                <label for="id_mit_unterkunden">{% trans "Unterkunden einbeziehen" %}</label>
            </span>
        {% endif %}
    </div>
</form>


<table class="searchresults" cellspacing="2pt" style="width:auto">
    <tr>
      {% block th %}{% endblock %}

        {% for spalte in spalten %}
            <th {% ifequal spalte filter_spalte %}class="selected"{% endifequal %} style="width:24px">
                <a href="{% if forloop.last %}{{other_url}}{% else %}{{base_url}}{% ifnotequal spalte filter_spalte %}{{spalte}}/?order={{sortier_spalte}};{% else %}?{% endifnotequal %}mit_unterkunden={{form.data.mit_unterkunden}}{% endif %}">
                    {% clevericon modus spalte %}
                </a>
            </th>
        {% endfor %}
    </tr>

    {% for person in personen %}
        <tr class="{% cycle row1,row2 %} {{person.css_class}}">
            {% block tr %}{% endblock %}
            {% for spalte in person.spalten %}
                <td>{% if spalte %}
                        {% clevericon modus spalte %}
                    {% else %}
                        &nbsp;
                    {% endif %}
                </td>
            {% endfor %}
        </tr>
    {% endfor %}
</table>
{% endblock %}