{% extends "hardware/base.html" %}
{% load i18n %}
{% load noris_extra %}
{% block javascript %}
    {{ block.super }}
    {% include "popkern/yui_autocomplete.html" %}
    {% include "hardware/js_urls.html" %}
    <script type="text/javascript" src="/yui-noris/utilities/utilities.js"></script>
    {% if in_panel %}
        <link rel="stylesheet" type="text/css" href="/yui-ext-noris/resources/css/reset-min.css" />
        <link rel="stylesheet" type="text/css" href="/yui-ext-noris/resources/css/yui-ext.css" />
        <link rel="stylesheet" type="text/css" href="/yui-ext-noris/resources/css/grid.css" />
        <script type="text/javascript" src="/yui-ext-noris/docs/resources/cssQuery.js"></script>
        <script type="text/javascript" src="/yui-ext-noris/yui-ext.js"></script>
        <script type="text/javascript" src="/kundebunt-static/js/hardware/hw_lang_{{LANGUAGE_CODE}}.js"></script>
        <script type="text/javascript" src="/kundebunt-static/js/hardware/hw_edit.js"></script>
    {% endif %}
{% endblock %}
{% block focus %}id_hardware_id{% endblock %}
{% block content %}
<div class="actionlinks">
    <ul><li id="hw_create">{% navilink hardware.hw_create %}</li>
    </ul>
</div>

<h1>{% trans "Hardware-Suche" %}</h1>

<form id="search_form" method="post" action="{% naviurl hardware.hw_search_panel %}">
<fieldset class="aligned compact"><legend>{% trans "Haeufige Suchkriterien" %}</legend>
{{form.name|with_label:_("Bezeichnung")}}
{{form.ip|with_label:_("FQDN/IP")}}
{{form.hardware_id|with_label:_("Hardware-ID")}}
{{form.ivnr|with_label:_("Inventar-Nr.")}}
{{form.seriennr|with_label:_("Serien-Nr.")}}
{{form.kunde|with_label:_("Kunde")}}
{{form.mit_unterkunden|with_label:_("Unterkunden einbeziehen")}}
</fieldset>

<fieldset class="aligned compact" id="fs_zugehoerig"><legend>{% trans "Zugehoerigkeit" %}</legend>
{{form.verantwortlich|with_label:_("Verantwortlich")}}
{{form.eigentuemer|with_label:_("Eigentuemer")}}
{{form.standort|with_label:_("Standort (Person)")}}
{{form.rack|with_label:_("Rack")}}
{{form.rz|with_label:_("RZ")}}
</fieldset>

<fieldset class="aligned compact" id="fs_anderes"><legend>{% trans "Anderes" %}</legend>
{{form.info|with_label:_("Info")}}
{{form.typ|with_label:_("Typ")}}
{{form.klasse|with_label:_("Klasse")}}
{{form.lieferant|with_label:_("Lieferant")}}
{{form.status|with_label:_("Status")}}
{{form.aktiv|with_label:_("Aktiv")}}
</fieldset>

<div class="formrow horizontal compact">
    <div class="inner">
        {{form.more}}<label for="id_more">{% trans "Weitere Suchmoeglichkeiten anzeigen" %}</label>
    </div>
</div>

<div class="submitrow horizontal compact">
    <input id="search_submit" type="{% if in_panel %}button{% else %}submit{% endif %}" value="{% trans "Suchen!" %}" />
</div>
</form>

<div id="results_dialog" style="visibility:hidden;position:absolute;top:0px;">
    <div class="ydlg-hd">{% trans "Ergebnisse" %}</div>
    <div class="ydlg-bd">
        <div id="results_tab" class="tab_content"></div>
    </div> {# ydlg-bd #}
</div> {# results_dialog #}

<div id="detail_container" class="tab_content">
    <div id="detail_tabs" class="tab_content"></div>
</div>

<script type="text/javascript">
function handle_options() {
    if (document.getElementById('id_more').checked) {
        document.getElementById('fs_zugehoerig').style.display='block';
        document.getElementById('fs_anderes').style.display='block';
    }
    else {
        document.getElementById('fs_zugehoerig').style.display='none';
        document.getElementById('fs_anderes').style.display='none';
    }
}
handle_options();
document.getElementById('id_more').onclick = handle_options;
</script>

{% endblock %}