{% 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 %}
<form method="get" action="{{ url_for('ips') }}" class="card row" id="ip-filter">
  <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>
    <input id="q" name="q" value="{{ f.q }}" placeholder="IP, name, ENI, subnet, VPC, description…" size="36"></div>
  <div class="row" style="gap: .5rem">
    <button type="submit">Filter</button>
    <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>
<p class="muted">{{ rows | length }} IP(s) · snapshot #{{ snap.id }} · sorted by address</p>
<table class="ip-list">
  <thead><tr><th>IP</th><th>Subnet</th><th>VPC</th><th>Resource type</th><th>Resource name / ref</th><th>ENI</th><th>Status</th><th>Owner</th><th>Environment</th><th>Tags</th><th>Terraform</th></tr></thead>
  <tbody>
  {% for r in rows %}
    <tr>
      <td class="mono">{{ r.ip }}{% if r.is_primary %} <span class="badge">primary</span>{% endif %}</td>
      <td><a class="mono" href="{{ url_for('subnet', subnet_id=r.subnet_id) }}">{{ r.subnet_id }}</a>
        {% if r.subnet_name %}<div class="muted">{{ r.subnet_name }}</div>{% endif %}</td>
      <td><span class="mono">{{ r.vpc_id }}</span>
        {% if r.vpc_name %}<div class="muted">{{ r.vpc_name }}</div>{% endif %}</td>
      <td>{{ type_label(r) }}</td>
      <td>{{ r.resource_name }}
        {% if r.owner_names | length > 1 %}<div class="muted">shared by {{ r.owner_names | length }} functions</div>
        {% elif r.owner_ref and r.owner_ref != r.resource_name %}<div class="muted mono">{{ r.owner_ref }}</div>{% endif %}</td>
      <td class="mono"><a href="{{ url_for('eni', eni_id=r.eni_id) }}">{{ r.eni_id }}</a></td>
      <td><span class="badge {{ 'warn' if r.status == 'available' else '' }}">{{ r.status }}</span></td>
      <td class="owner-cell">{% if r.owner.source %}{{ r.owner.value }}<div class="muted">{{ r.owner.label }}{% if r.owner.detail %} · <span class="mono">{{ r.owner.detail }}</span>{% endif %}</div>
        {% else %}<span class="muted">unmanaged</span>{% endif %}</td>
      <td class="env-cell">{% if r.environment %}{{ r.environment }}<div class="muted">{{ env_sources.get(r.env_source, r.env_source) }}</div>{% else %}<span class="muted">–</span>{% endif %}</td>
      <td class="tags">{% for k, v in r.tags.items() %}<span class="tag mono small">{{ k }}={{ v }}</span> {% endfor %}</td>
      <td class="small">{% for m in r.tf %}<div>managed by <b>{{ m.root }}</b>: <span class="mono">{{ m.address }}</span></div>
        {% else %}{% if tf_roots %}<span class="muted">unmanaged</span>{% endif %}{% endfor %}</td>
    </tr>
  {% else %}
    <tr><td colspan="11" class="muted">No matches</td></tr>
  {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}