{% extends "base.html" %}
{% from "_macros.html" import no_data with context %}
{% block title %}IP List{% endblock %}
{% block content %}
<h1>IP List</h1>
{% if not snap %}
  {{ no_data() }}
{% else %}
{# Live filter (ipfilter.js): typing / changing a filter reloads only the results below. #}
<form method="get" action="{{ url_for('ips') }}" class="card row" id="ip-filter"
      data-rows-url="{{ url_for('ips_rows') }}">
  <div><label for="vpc">VPC</label>
    <select id="vpc" name="vpc" onchange="this.form.subnet.value=''; this.form.submit()">
      <option value="">all</option>
      {% for v in tree %}<option value="{{ v.vpc_id }}" {{ 'selected' if v.vpc_id == f.vpc }}>{{ v.vpc_id }}{% if v.name %} · {{ v.name }}{% endif %}</option>{% endfor %}
    </select></div>
  <div><label for="subnet">Subnet</label>
    <select id="subnet" name="subnet">
      <option value="">all</option>
      {% for v in tree if not f.vpc or v.vpc_id == f.vpc %}
        <optgroup label="{{ v.vpc_id }}{% if v.name %} · {{ v.name }}{% endif %}">
        {% for s in v.subnets %}<option value="{{ s.subnet_id }}" {{ 'selected' if s.subnet_id == f.subnet }}>{{ s.subnet_id }}{% if s.name %} · {{ s.name }}{% endif %} ({{ s.cidr }})</option>{% endfor %}
        </optgroup>
      {% endfor %}
    </select></div>
  <div><label for="owner">Resource type</label>
    <select id="owner" name="owner">
      <option value="">all</option>
      {% for o in owner_types %}<option value="{{ o }}" {{ 'selected' if o == f.owner }}>{{ owner_labels[o] }}</option>{% endfor %}
    </select></div>
  <div><label for="state">Status</label>
    <select id="state" name="state">
      <option value="">all</option>
      <option value="used" {{ 'selected' if f.state == 'used' }}>attached</option>
      <option value="idle" {{ 'selected' if f.state == 'idle' }}>idle ENI</option>
    </select></div>
  <div><label for="tag_key">Tag</label>
    <select id="tag_key" name="tag_key">
      <option value="">any</option>
      {% for k in tag_keys %}<option value="{{ k }}" {{ 'selected' if k == f.tag_key }}>{{ k }}</option>{% endfor %}
      {% if f.tag_key and f.tag_key not in tag_keys %}<option value="{{ f.tag_key }}" selected>{{ f.tag_key }}</option>{% endif %}
    </select>
    <input id="tag_value" name="tag_value" value="{{ f.tag_value }}" placeholder="value (any)" size="12" aria-label="Tag value"></div>
  <div><label for="tf">Terraform</label>
    <select id="tf" name="tf">
      <option value="">all</option>
      <option value="{{ tf_managed }}" {{ 'selected' if f.tf == tf_managed }}>managed (any root)</option>
      <option value="{{ tf_unmanaged }}" {{ 'selected' if f.tf == tf_unmanaged }}>unmanaged (no root)</option>
      {% for r in tf_roots %}<option value="{{ r }}" {{ 'selected' if r == f.tf }}>root: {{ r }}</option>{% endfor %}
    </select></div>
  <div><label for="env">Environment</label>
    <select id="env" name="env">
      <option value="">all</option>
      {% for e in environments if e.value %}<option value="{{ e.value }}" {{ 'selected' if e.value == f.env }}>{{ e.label }} ({{ e.count }})</option>{% endfor %}
      {% for e in environments if not e.value %}<option value="{{ env_not_set }}" {{ 'selected' if f.env == env_not_set }}>{{ e.label }} ({{ e.count }})</option>{% endfor %}
      {% if f.env and f.env != env_not_set and f.env not in environments | map(attribute='value') %}<option value="{{ f.env }}" selected>{{ f.env }}</option>{% endif %}
    </select></div>
  <div><label for="own">Owner</label>
    <select id="own" name="own">
      <option value="">all</option>
      {% for value, label in own_filters.items() %}<option value="{{ value }}" {{ 'selected' if value == f.own }}>{{ label }}</option>{% endfor %}
    </select></div>
  <div><label for="q">Search</label>
    <span class="search-box">
      <input id="q" name="q" value="{{ f.q }}" placeholder="IP, instance id or name, ENI, subnet, VPC, description…" size="36" autocomplete="off">
      <button type="button" class="search-clear" id="q-clear" title="Clear the search (Esc)" aria-label="Clear the search"{{ ' hidden' if not f.q }}>&times;</button>
    </span></div>
  <div class="row" style="gap: .5rem">
    <noscript><button type="submit">Filter</button></noscript>
    <a class="btn secondary" href="{{ url_for('ips') }}">Reset</a>
    <button type="submit" class="secondary" formaction="{{ url_for('ips_export') }}">Export to Excel</button>
  </div>
</form>
<div id="ip-results" aria-live="polite">
{% include "_ip_rows.html" %}
</div>
<script src="{{ url_for('static', filename='ipfilter.js') }}" defer></script>
{% endif %}
{% endblock %}