{% extends "base.html" %}
{% from "_macros.html" import usage_bar, legend, no_data with context %}
{% block title %}Discovery{% endblock %}
{% block content %}
<div class="row" style="justify-content: space-between">
  <h1>Discovery</h1>
  {% if account_choices %}
  <form method="post" action="{{ url_for('refresh') }}" class="row refresh-form" data-job="refresh">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <label for="refresh-account">Account</label>
    <select id="refresh-account" name="account_id">
      {% for c in account_choices %}
        <option value="{{ c.id }}" {{ 'selected' if active_account and c.id == active_account.id }}>{{ c.label }} · {{ c.account.region }}</option>
      {% endfor %}
    </select>
    <button type="submit">Refresh from AWS</button>
  </form>
  {% endif %}
</div>

{% if not snap %}
  {{ no_data() }}
{% else %}
  <div class="card" title="Snapshot #{{ snap.id }}">
    <b>{{ account_label(snap) }}</b> ·
    region <span class="mono">{{ snap.region }}</span> ·
    taken {{ snap.taken_at | localtime }}
    {% if owners %}
      <div style="margin-top: .5rem">
        {% for o, n in owners.items() %}
          <a class="badge" href="{{ url_for('ips', owner=o) }}">{{ owner_labels.get(o, o) }}: {{ n }}</a>
        {% endfor %}
      </div>
    {% endif %}
    <form method="get" action="{{ url_for('report_page') }}" target="_blank" class="row report-form" style="margin-top: .5rem">
      <label for="report-env">Environment</label>
      <select id="report-env" name="env">
        <option value="">all</option>
        {% for e in envs %}
          <option value="{{ e.value or env_not_set }}">{{ e.label }}</option>
        {% endfor %}
      </select>
      <label><input type="checkbox" name="redact" value="1"> redact identifiers</label>
      <label><input type="checkbox" name="download" value="1"> download</label>
      <button type="submit" class="secondary" title="One self-contained HTML document: print it to PDF from the browser">Report</button>
    </form>
  </div>

  {{ legend() }}
  {% for v in tree %}
    <details class="vpc card" open>
      <summary>
        <span class="mono">{{ v.vpc_id }}</span> {{ v.name }}
        {% if v.is_default %}<span class="badge">default</span>{% endif %}
        <span class="muted">· {{ v.cidrs | join(', ') }} · {{ v.subnets | length }} subnets ·
          {{ v.allocated_pct | pct }} of range in subnets · {{ v.used_pct | pct }} consumed</span>
      </summary>
      <table>
        <thead><tr><th>Subnet</th><th>Name</th><th>CIDR</th><th>AZ</th><th>Usage</th>
          <th>Used</th><th>Idle</th><th>Free</th><th>Free %</th><th>AWS avail.</th></tr></thead>
        <tbody>
        {% for s in v.subnets %}
          <tr>
            <td class="mono"><a href="{{ url_for('subnet', subnet_id=s.subnet_id) }}">{{ s.subnet_id }}</a>
              {% set fc = soon.get(s.subnet_id) %}
              {% if fc %}<a class="badge err forecast-badge" href="{{ url_for('trends_page', vpc=v.vpc_id) }}#{{ s.subnet_id }}"
                 title="Forecast from the Trends page: {{ fc.text }}{{ ' · ' ~ fc.confidence_note if fc.confidence_note }}">⚠ {{ fc.text }}</a>{% endif %}</td>
            <td>{{ s.name }}</td>
            <td class="mono">{{ s.cidr }}</td>
            <td>{{ s.az }}</td>
            <td>{{ usage_bar(s) }}</td>
            <td>{{ s.used }}</td><td>{{ s.idle }}</td><td>{{ s.free }}</td>
            <td>{{ s.free_pct | pct }}</td>
            <td class="muted">{{ s.aws_available if s.aws_available is not none else '–' }}</td>
          </tr>
        {% else %}
          <tr><td colspan="10" class="muted">No subnets</td></tr>
        {% endfor %}
        </tbody>
      </table>
    </details>
  {% else %}
    <div class="card muted">No VPCs found in this region.</div>
  {% endfor %}
{% endif %}

{% if history %}
  <h2>Recent snapshots</h2>
  <form method="post" action="{{ url_for('snapshots_delete') }}" id="history-form">
  <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
  <table class="history">
    <thead><tr><th><span class="sr-only">Select</span></th><th>Account</th><th>Region</th><th>Taken</th><th>Status</th><th>Notes</th></tr></thead>
    <tbody>
    {% for h in history %}
      <tr title="Snapshot #{{ h.id }}">
        <td>{% if h.id in protected %}<span class="badge ok" title="The latest snapshot of an account is always kept">latest</span>
          {% elif h.status == 'running' %}<span class="muted">–</span>
          {% else %}<input type="checkbox" name="snapshot_id" value="{{ h.id }}" aria-label="Select snapshot">{% endif %}</td>
        <td>{% if h.account_id or h.account_alias %}{{ account_label(h) }}{% else %}<span class="muted">–</span>{% endif %}</td>
        <td class="mono">{{ h.region }}</td><td>{{ h.taken_at | localtime }}</td>
        <td><span class="badge {{ 'ok' if h.status == 'ok' else 'err' if h.status == 'failed' else '' }}">{{ h.status }}</span></td>
        <td class="muted">{{ h.error or '' }}</td></tr>
    {% endfor %}
    </tbody>
  </table>
  <div class="card row history-actions">
    <div><label for="confirm-delete">Type <span class="mono">{{ confirm_word }}</span> to confirm</label>
      <input id="confirm-delete" name="confirm" size="10" autocomplete="off" spellcheck="false"></div>
    <div><button type="submit" class="danger">Delete selected</button></div>
  </div>
  </form>
  <form method="post" action="{{ url_for('snapshots_clear') }}" class="card row history-actions">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    <div><label for="clear-scope">Clear history</label>
      <select id="clear-scope" name="scope">
        <option value="account" selected>this account</option>
        <option value="all">all accounts</option>
      </select></div>
    <div><label for="confirm-clear">Type <span class="mono">{{ confirm_word }}</span> to confirm</label>
      <input id="confirm-clear" name="confirm" size="10" autocomplete="off" spellcheck="false"></div>
    <div><button type="submit" class="danger">Clear history</button></div>
    <div class="muted" style="flex: 1 1 100%">Deletes every snapshot except the latest successful one of each account.</div>
  </form>
{% endif %}
{% endblock %}