{% load i18n util  %}
<div class="editable always auto-toggled filter-form"
     data-edit-target="advanced_search:ix"
     data-edit-enter-action="submit"
     data-sort-container=".results"
     data-sort-row=".row">
  <div class="row">
    <div class="col-12 col-sm-6 col-md-6">
      <!-- LEFT COLUMN -->
      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "Name" %}</div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="string"
               data-edit-name="name_search"
               data-edit-reset-value=""
               data-edit-value="{{ request.GET.name_search }}"></div>
        </div>
      </div>
      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "City" %}</div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="string"
               data-edit-name="city"
               data-edit-reset-value=""
               data-edit-value="{{ request.GET.city }}"></div>
        </div>
      </div>
      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "Country" %}<span class="hint">(ctrl/cmd {% trans "click to select multiple" %})</span></div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="select"
               data-edit-name="country__in"
               data-edit-data="countries"
               data-edit-value="{{ request.GET.country__in }}"
               data-edit-reset-value=""
               data-edit-multiple="yes"
               --data-edit-data-all-entry=":-- All Countries --"></div>
        </div>
      </div>
      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "Continental Region" %}<span class="hint">(ctrl/cmd {% trans "click to select multiple" %})</span></div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="select"
               data-edit-name="region_continent__in"
               data-edit-data="enum/regions"
               data-edit-value="{{ request.GET.region_continent__in }}"
               data-edit-reset-value=""
               data-edit-multiple="yes"
               --data-edit-data-all-entry=":-- All Regions --"></div>
        </div>
      </div>

    </div>
    <div class="col-12 col-sm-6 col-md-6">
      <!-- RIGHT COLUMN -->
      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "Organization" %}</div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="autocomplete"
               data-edit-autocomplete="org"

               {% if request.GET.org__name__contains %}
               data-edit-name="org__name__contains"
               data-edit-value="{{ request.GET.org__name__contains }}"
               data-edit-autocomplete-text="{{ request.GET.org__name__contains }}"
               {% else %}
               data-edit-name="org"
               data-edit-value="{{ request.GET.org }}"
               data-edit-autocomplete-text="{{ request.GET.org|autocomplete_preload_org_single }}"
               {% endif %}

               data-edit-autocomplete-allow-nonexistent="yes"
               data-edit-reset-value="">
          </div>
        </div>
      </div>

      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "IP Block" %}</div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="string"
               data-edit-value="{{ request.GET.ipblock }}"
               data-edit-reset-value=""
               data-edit-name="ipblock"></div>
        </div>
      </div>
      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "Capacity" %}</div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="traffic_capacity"
               data-edit-name="capacity__gte"
               data-edit-value="{{ request.GET.capacity__gte }}"
               data-edit-reset-value="">
               </div>
        </div>

      </div>


      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "Media Type" %}<span class="hint">(ctrl/cmd {% trans "click to select multiple" %})</span></div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="select"
               data-edit-data="enum/media",
               data-edit-multiple="yes"
               data-edit-value="{{ request.GET.media__in }}"
               data-edit-name="media__in"></div>
        </div>
      </div>

      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "Service Level" %}<span class="hint">(ctrl/cmd {% trans "click to select multiple" %})</span></div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="select"
               data-edit-data="enum/service_level_types_advs",
               data-edit-multiple="yes"
               data-edit-value="{{ request.GET.service_level__in }}"
               data-edit-name="service_level__in"></div>
        </div>
      </div>


      <div class="row">
        <div class="col-4 col-sm-5 col-md-4">{% trans "Terms" %}<span class="hint">(ctrl/cmd {% trans "click to select multiple" %})</span></div>
        <div class="col-8 col-sm-7 col-md-8">
          <div data-edit-type="select"
               data-edit-data="enum/terms_types_advs",
               data-edit-multiple="yes"
               data-edit-value="{{ request.GET.terms__in }}"
               data-edit-name="terms__in"></div>
        </div>
      </div>

      {% include "site/advanced-search-net-present.html" %}

      {% include "site/advanced-search-org-present.html" %}


    </div>
  </div>


  <div class="right">
    <a class="btn btn-default" data-edit-action="reset">{% trans "Reset" %}</a>
    <a class="btn btn-default" data-edit-action="submit">{% trans "Search" %}</a>
  </div>

  <div class="right marg-top-30">
    <a class="btn btn-default btn-sm d-none" data-export-format="json-pretty" data-export-tag="ix"><svg xmlns="http://www.w3.org/2000/svg" height="15px" viewBox="0 0 24 24" width="15px" fill="#FFFFFF"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg> JSON</a>
    <a class="btn btn-default btn-sm d-none" data-export-format="csv" data-export-tag="ix"><svg xmlns="http://www.w3.org/2000/svg" height="15px" viewBox="0 0 24 24" width="15px" fill="#FFFFFF"><path d="M0 0h24v24H0z" fill="none"/><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"/></svg> CSV</a>
  </div>

  <div class="editable-templates">
    <div id="advanced-search-ix-item" class="row">
      <div class="col-5 col-sm-6 col-md-6">
        <a href="/ix/$id" data-edit-name="name" class="name"></a>
        <span data-edit-name="name_long" class="hint"></span>
      </div>
      <div class="col-3 col-sm-2 col-md-2 media" data-edit-name="media"></div>
      <div class="col-1 col-sm-1 col-md-1 country" data-edit-name="country"></div>
      <div class="col-2 col-sm-2 col-md-2 city" data-edit-name="city"></div>
      <div class="col-1 col-sm-1 col-md-1 net_count" data-edit-name="net_count"></div>
    </div>
  </div>

  <div class="headers marg-top-15">
    <div class="row">
      <div class="col-5 col-sm-6 col-md-6" data-sort-target=".name" data-sort-initial="asc">{% trans "Name" %}</div>
      <div class="col-3 col-sm-2 col-md-2" data-sort-target=".media">{% trans "Media Type" %}</div>
      <div class="col-1 col-sm-1 col-md-1" data-sort-target=".country">{% trans "Country" %}</div>
      <div class="col-2 col-sm-2 col-md-2" data-sort-target=".city">{% trans "City" %}</div>
      <div class="col-1 col-sm-1 col-md-1" data-sort-target=".net_count" class="numeric">{% trans "Networks" %}</div>
    </div>
  </div>

  <div class="results-empty center" style="display:none;">
    {% trans "No search results." %}
  </div>


  <div class="results">

  </div>

  <div class="results-cutoff center marg-top-15" style="display:none;">
    {% blocktrans %}...More than {{ row_limit }} entries matched your query, refine your request...{% endblocktrans %}</div>


</div>