[% USE HTML %]

   [%- FOREACH var = variables %]
   [%- IF var.searchable %]
   <tr id='cvar_filter_[% var.name %]'>
    <td align="right" valign="top">[% HTML.escape(var.description) %]</td>
    <td valign="top">

     [%- IF var.type == 'bool' %]
     <select name="cvar_[% HTML.escape(var.name) %]">
      <option value="">---</option>
      <option value="yes"><translate>Yes</translate></option>
      <option value="no"><translate>No</translate></option>
     </select>

     [%- ELSIF var.type == 'date' %]
     <translate>from (time)</translate>
     <input name="cvar_[% HTML.escape(var.name) %]_from" id="cvar_[% HTML.escape(var.name) %]_from" size="12">
     <input type="button" name="cvar_[% HTML.escape(var.name) %]_from_button" id="cvar_[% HTML.escape(var.name) %]_from_trigger" value="?">
     <translate>to (time)</translate>
     <input name="cvar_[% HTML.escape(var.name) %]_to" id="cvar_[% HTML.escape(var.name) %]_to" size="12">
     <input type="button" name="cvar_[% HTML.escape(var.name) %]_to_button" id="cvar_[% HTML.escape(var.name) %]_to_trigger" value="?">

     <script type="text/javascript">
      <!--
          Calendar.setup({ inputField : "cvar_[% HTML.escape(var.name) %]_from",
                           ifFormat   :"[% myconfig_jsc_dateformat %]",
                           align      : "BR",
                           button     : "cvar_[% HTML.escape(var.name) %]_from_trigger" });
          Calendar.setup({ inputField : "cvar_[% HTML.escape(var.name) %]_to",
                           ifFormat   :"[% myconfig_jsc_dateformat %]",
                           align      : "BR",
                           button     : "cvar_[% HTML.escape(var.name) %]_to_trigger" });
        -->
     </script>

     [%- ELSIF var.type == 'number' %]
     <select name="cvar_[% HTML.escape(var.name) %]_qtyop">
      <option selected>==</option>
      <option>=/=</option>
      <option>&gt;</option>
      <option>&gt;=</option>
      <option>&lt;</option>
      <option>&lt;=</option>
     </select>
     <input name="cvar_[% HTML.escape(var.name) %]"[% IF var.maxlength %]maxlength="[% HTML.escape(var.maxlength) %]"[% END %]>

     [% ELSIF var.type == 'select' %]
     <select name="cvar_[% HTML.escape(var.name) %]">
      <option value="" selected>---</option>
      [%- FOREACH option = var.OPTIONS %]
      <option>[% HTML.escape(option.value) %]</option>
      [%- END %]
     </select>

     [%- ELSE %]
     <input name="cvar_[% HTML.escape(var.name) %]"[% IF var.maxlength %]maxlength="[% HTML.escape(var.maxlength) %]"[% END %]>

     [%- END %]
    </td>
   </tr>
   [%- END %]
   [%- END %]
[% IF hidden_cvar_filters %]
   <tr><td></td><td colspan="3"><a href="#" id="cvar_filter-toggle"><i><translate>click here to edit cvars</translate></i></a></td></tr>
   <script type='text/javascript'>
     $('#cvar_filter-toggle').click(function() { $('[id^="cvar_filter"]').toggle() });
     $(document).ready(function(){ $('[id^="cvar_filter_"]').hide() });
   </script>
[% END %]