[%# This Source Code Form is subject to the terms of the Mozilla Public
  # License, v. 2.0. If a copy of the MPL was not distributed with this
  # file, You can obtain one at http://mozilla.org/MPL/2.0/.
  #
  # This Source Code Form is "Incompatible With Secondary Licenses", as
  # defined by the Mozilla Public License, v. 2.0.
  #%]

[%#
  # parameters (all are optional, defaults below)
  # id               : id and prefix of elements
  # script_name      : .cgi to redirect to
  # max_results      : maximum results displayed
  # input_label      : input field label
  # auto_focus       : focus the search form on page load
  # format           : format parameter passed to cgi
  # cloned_bug_id    : cloned_bug_id parameter
  # new_tab          : open in a new tab
  # anchor_component : append #component to url
  #%]

[%
  DEFAULT id = "pcs";
  DEFAULT max_results = 100;
  DEFAULT script_name = "enter_bug.cgi";
%]

<div class="pcs-form">
  <div class="pcs-header">
    [% input_label FILTER none %]&nbsp;
    <img id="[% id FILTER html %]-throbber"
      src="extensions/ProdCompSearch/web/images/throbber.gif"
      style="display:none" width="16" height="11">
    <span class="pcs-message" id="[% id FILTER html %]-no_components" style="display:none">
      No components found
    </span>
    <span class="pcs-message" id="[% id FILTER html %]-too_many_components" style="display:none">
      Result limited to [% max_results FILTER html %] components
    </span>
    <span class="pcs-message" id="[% id FILTER html %]-error" style="display:none">
      An error occured
    </span>
  </div>
  <input type="text" class="prod_comp_search" id="[% id FILTER html %]" size="50"
    placeholder="Search by product and component keywords"
    data-script_name="[% script_name FILTER html %]"
    data-format="[% format FILTER html %]"
    data-cloned_bug_id="[% cloned_bug_id FILTER html %]"
    data-new_tab="[% new_tab ? "1" : "0" %]"
    data-anchor_component="[% anchor_component ? "1" : "0" %]"
    data-max_results="[% max_results FILTER html %]"
    [% "autofocus" IF auto_focus %]>
</div>