{% load i18n %}
<li class="dropdown-submenu filter-char">
  <a>{% include "xadmin/filters/filter_or_exclude.html" %}<i
    class="fa fa-fw fa-filter {% if spec.is_used %}text-success{% else %}text-muted{% endif %}"></i> {{ title }}</a>
  <div class="popover {% if is_bidi_language %}left{% else %}right{% endif %}">
    <div class="arrow"></div>
    <h3 class="popover-title">
      {{ title }}
    </h3>
    <div class="popover-content">
      <form method="get" action="">
        {{ form_params|safe }}
        <div class="input-group">
            <select name="_f_{{ spec.field_path }}_type" title="Type">
              {% if lookup %}
                {% for opt in lookup %}
                  <option value="{{ opt.1 }}">{{ opt.0|capfirst }}</option>
                {% endfor %}
              {% endif %}
            </select>
        </div>
        <div class="input-group">
          <div class="zk-type-helper">
            <input name="_f_{{ spec.field_path }}_str" type="text" data-role="zk-type-helper-input"
                   class="zk-type-helper-input"
                   placeholder="{% trans "Enter Keyword" %}" style="width: 20em;">
          </div>
          <span class="input-group-btn">
              <button class="btn btn-success" type="submit"><i class="fa fa-check"></i></button>
            </span>
        </div>
        {#        <div class="input-group">#}
        {#          <input name="_f_{{ spec.field_path }}_str" class="input-char form-control" type="text" value=""#}
        {#                 placeholder="{% trans "Enter" %} {{ title }}…"/>#}
        {#          <span class="input-group-btn">#}
        {#          {% if search_val %}#}
        {#            <a class="btn btn-default" href="{{ remove_url }}">x</a>#}
        {#          {% endif %}#}
        {#            <button class="btn btn-success" type="submit"><i class="fa fa-check"></i></button>#}
        {#          </span>#}
        {#        </div>#}
      </form>
    </div>
  </div>
</li>

