{% load static %}
{% load i18n %}
<div id="list-table-search">
  <form method="GET">
    <input name="q" type="search"
           id="list-table-search-input"
           placeholder="{% trans 'Search' %}">
    <button>{% trans 'Search' %}</button>
    {% if request.path|urlencode == result_url %}
      <span class="search-tooltip">
        <input class="search-tooltip-checkbox" id="check" type="checkbox">
        <label class="search-tooltip-icon" for="check">
          <span class="search-tooltip-icon-symbol">?</span>
        </label>
        <span class="search-tooltip-box">
        <p>
          <nobr>after:&lt;{% trans 'Date Time' %}&gt;</nobr><br>
          <nobr>before:&lt;{% trans 'Date Time' %}&gt;</nobr><br>
          <nobr>ip:&lt;{% trans 'IP Address' %}&gt;</nobr><br>
          <nobr>admin:&lt;{% trans 'Operator' %}&gt;</nobr><br>
          <nobr>op:&lt;{% trans 'Operation Name' %}&gt;</nobr><br>
          <nobr>is_succeeded:&lt;{% trans 'Operation Result' %}&gt;</nobr><br>
          <nobr>backend:&lt;{% trans 'Backend' %}&gt;</nobr><br>
          <nobr>resource_type:&lt;{% trans 'Resource Type' %}&gt;</nobr><br>
        </p>
        </span>
      </span>
    {% endif %}
  </form>
</div>
<script type="application/javascript" src="{% static 'js/table_search_value.js' %}"></script>