{% load i18n %}

{% if filter_form.errors %}<div class="alert alert-warning">{{ filter_form.errors }}</div>{% endif %}
<form action="{{ map_base_url }}" method="get" class="mb-3">
  <div class="row align-items-center g-2">
    <div class="col-lg-2"><label class="col-form-label" for="{{ filter_form.filter_id.id_for_label }}">{{ filter_form.filter_id.label }}</label></div>
    <div class="col-lg-8">{{ filter_form.filter_id }}</div>
    <div class="col-lg-2"><button class="btn btn-outline-primary" type="submit">{% trans "Load filter" %}</button></div>
  </div>
</form>
<form action="{{ apply_url }}" method="get" data-geoview-filter-edit>
  {% if source_filter_id %}<input type="hidden" name="source_filter_id" value="{{ source_filter_id }}">{% endif %}
  {% for field in filter_form.hidden_fields %}
    {{ field }}
  {% endfor %}
  <div class="geoview-filter-form">
    <div class="geoview-filter-form__section">
      <div class="geoview-filter-form__rows">
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.q.id_for_label }}">{{ filter_form.q.label }}</label>
          </div>
          <div class="col-lg-10">
            {{ filter_form.q }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.tag.id_for_label }}">{{ filter_form.tag.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="tag_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.tag != 'n' %} selected{% endif %}>{% trans 'has these tags' %}</option>
              <option value="n"{% if filter_ops.tag == 'n' %} selected{% endif %}>{% trans 'does not have these tags' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.tag }}
          </div>
        </div>
      </div>
    </div>

    <div class="geoview-filter-form__section">
      <div class="geoview-filter-form__header row g-2">
        <div class="col-lg-2"></div>
        <div class="col-lg-10">
          <h3 class="geoview-filter-form__title">{% trans "Location" %}</h3>
        </div>
      </div>
      <div class="geoview-filter-form__rows">
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.region.id_for_label }}">{{ filter_form.region.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="region_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.region != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.region == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.region }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.site_group.id_for_label }}">{{ filter_form.site_group.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="site_group_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.site_group != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.site_group == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.site_group }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.site.id_for_label }}">{{ filter_form.site.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="site_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.site != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.site == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.site }}
          </div>
        </div>
      </div>
    </div>

    <div class="geoview-filter-form__section">
      <div class="geoview-filter-form__header row g-2">
        <div class="col-lg-2"></div>
        <div class="col-lg-10">
          <h3 class="geoview-filter-form__title">{% trans "Hardware" %}</h3>
        </div>
      </div>
      <div class="geoview-filter-form__rows">
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.manufacturer.id_for_label }}">{{ filter_form.manufacturer.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="manufacturer_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.manufacturer != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.manufacturer == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.manufacturer }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.device_type.id_for_label }}">{{ filter_form.device_type.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="device_type_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.device_type != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.device_type == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.device_type }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.platform.id_for_label }}">{{ filter_form.platform.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="platform_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.platform != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.platform == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.platform }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.role.id_for_label }}">{{ filter_form.role.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="role_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.role != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.role == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.role }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.status.id_for_label }}">{{ filter_form.status.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="status_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.status != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.status == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.status }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.device.id_for_label }}">{{ filter_form.device.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="device_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.device != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.device == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.device }}
          </div>
        </div>
      </div>
    </div>

    <div class="geoview-filter-form__section">
      <div class="geoview-filter-form__header row g-2">
        <div class="col-lg-2"></div>
        <div class="col-lg-10">
          <h3 class="geoview-filter-form__title">{% trans "Tenant" %}</h3>
        </div>
      </div>
      <div class="geoview-filter-form__rows">
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.tenant_group.id_for_label }}">{{ filter_form.tenant_group.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="tenant_group_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.tenant_group != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.tenant_group == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.tenant_group }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.tenant.id_for_label }}">{{ filter_form.tenant.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="tenant_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.tenant != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.tenant == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.tenant }}
          </div>
        </div>
      </div>
    </div>

    <div class="geoview-filter-form__section">
      <div class="geoview-filter-form__header row g-2">
        <div class="col-lg-2"></div>
        <div class="col-lg-10">
          <h3 class="geoview-filter-form__title">{% trans "Ownership" %}</h3>
        </div>
      </div>
      <div class="geoview-filter-form__rows">
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.owner_group.id_for_label }}">{{ filter_form.owner_group.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="owner_group_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.owner_group != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.owner_group == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.owner_group }}
          </div>
        </div>
        <div class="row align-items-center g-2 geoview-filter-form__row">
          <div class="col-lg-2">
            <label class="col-form-label geoview-filter-form__label text-lg-end w-100" for="{{ filter_form.owner.id_for_label }}">{{ filter_form.owner.label }}</label>
          </div>
          <div class="col-lg-2">
            <select class="form-select geoview-filter-form__operator" name="owner_op" aria-label="{% trans 'Operator' %}">
              <option value="exact"{% if filter_ops.owner != 'n' %} selected{% endif %}>{% trans 'is' %}</option>
              <option value="n"{% if filter_ops.owner == 'n' %} selected{% endif %}>{% trans 'is not' %}</option>
            </select>
          </div>
          <div class="col-lg-8">
            {{ filter_form.owner }}
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="btn-float-group-right me-1">
    <a href="{{ filter_base_url }}" class="btn btn-outline-danger btn-float">
      <i class="mdi mdi-backspace"></i> {% trans "Reset" %}
    </a>
    <button type="submit" class="btn btn-primary">
      <i class="mdi mdi-magnify"></i> {% trans "Search" %}
    </button>
  </div>
</form>