[% PROCESS "opac/parts/org_selector.tt2" %]
<div id="search-wrapper">
    [% UNLESS took_care_of_form -%]
    <form action="[% ctx.opac_root %]/results" method="get">
    [%- END %]
    <div id="search-box">
        <span class="search_catalog_lbl mobile_hide">[% l('Search the Catalog') %]</span>
        <span class="adv_search_catalog_lbl"><a href="[% mkurl(ctx.opac_root _ '/advanced') %]"
            id="home_adv_search_link">[% l('Advanced Search') %]</a></span>
        <span class="browse_the_catalog_lbl"><a href="[% mkurl(ctx.opac_root _ '/browse', {}, ['fi:has_browse_entry']) %]">[% l('Browse the Catalog') %]</a></span>
    </div>
    <div class="searchbar">
        <span class='search_box_wrapper'>
            [%- # autosuggest breaks accessibility, as the aria-label
                # attribute is removed when the Dijit is created. :(  %]
            <label id="search_box_label">[% l('Search: ') %]
            <input type="text" id="search_box" name="query" aria-label="[%
                    l('Enter search query:');
                %]" value="[% is_advanced ? ctx.naive_query_scrub(ctx.processed_search_query) : CGI.param('query') | html %]"
                [%- IF use_autosuggest.enabled == "t" %]
                dojoType="openils.widget.AutoSuggest" type_selector="'qtype'"
                submitter="this.textbox.form.submit();"
                [%-     IF use_autosuggest.value.search('opac_visible') %]
                store_args='{"org_unit_getter": function() { return [% ctx.search_ou %]; }}'
                [%-     END # opac_visible -%]
                [%- ELSE -%]
                    [% IF basic_search != "f" %] autofocus [% END %] x-webkit-speech
                [%- END # autosuggest enabled %] />
            </label>
        </span>
        <label id="search_qtype_label">
        [%- 
            l('Type: ');
            INCLUDE "opac/parts/qtype_selector.tt2" id="qtype";
        -%]
        </label>
        <label id="search_itype_label">
        [%-
            l('Format: ');
            IF search.basic_config.type == 'attr';
                INCLUDE "opac/parts/coded_value_selector.tt2"
                    attr=search.basic_config.group none_ok=1 none_label=search.basic_config.none_label;
            ELSIF search.basic_config.type == 'filter';
                INCLUDE "opac/parts/filter_group_selector.tt2"
                    filter_group=search.basic_config.group none_ok=1 none_label=search.basic_config.none_label;
            END;
        -%]
        </label>
        <label id="search_locg_label">
        [%- 
            l('Library: ');
            select_lib_label = l("Select search library");
            INCLUDE build_org_selector arialabel=select_lib_label show_loc_groups=1
        -%]
        </label>
    <span>
        <input id='search-submit-go' type="submit" value="[% l('Search') %]" alt="[% l('Search') %]" class="opac-button"
            onclick='setTimeout(function(){$("search-submit-spinner").className=""; $("search-submit-go").className="hidden"}, 2000)'/>
        <img id='search-submit-spinner' src='/opac/images/progressbar_green.gif' style='height:16px;width:16px;' class='hidden' alt=''/>
    </span>
    </div>
    [% IF ctx.bookbag %]
    <div id="search-only-bookbag-container">
        <input type="checkbox" id="search-only-bookbag" name="bookbag"
            value="[% ctx.bookbag.id | html %]" checked="checked" />
        <label for="search-only-bookbag">
            [% l('Search only within the chosen list') %]
        </label>
    </div>
    [% END %]
    [% IF is_advanced || is_special %]
    <div>
        <input type="hidden" name="_adv" value="1" />
        [% IF ctx.processed_search_query OR (NOT is_advanced AND NOT is_special) %]
        <input name='page' type='hidden' value="0" />
        [% END %]
    </div>
    [%- END %]
    [% UNLESS took_care_of_form %]</form>[% END %]
    [% IF (is_advanced AND NOT is_special) AND CGI.param('qtype') %]
    <div class="opac-auto-102">
        [ <a href="[% mkurl(ctx.opac_root _ '/advanced') %]">[%
            l('Refine My Original Search')
        %]</a> ]
    </div>
    [% END %]
    <!--
    <div id="breadcrumb">
        <a href="[% ctx.opac_root %]/home">[% l('Catalog Home') %]</a> &gt;
    </div>
    -->
    <div class="clear-both"></div>
</div>