{% extends "base.html" %}
{% import "_macros.html" as m %}
{% block title %}Inventory — rosbackup-ng{% endblock %}
{% block page_title %}Inventory{% endblock %}
{% block content %}
<div class="card">
  <p class="muted">Device facts collected on each successful backup — model, RouterOS version, and firmware/boot code. Click a column to sort.</p>
  <form class="filters stacked" id="inv-filters" hx-get="/ui/inventory/rows" hx-target="#inventory-result"
        hx-swap="innerHTML" hx-trigger="change, keyup delay:300ms from:find input[name=q]">
    <div class="filter-row">
      <select name="group">
        <option value="">All groups</option>
        {% for g in groups %}<option value="{{ g.name }}" {{ 'selected' if g.name == selected_group }}>{{ g.name }} ({{ g.count }})</option>{% endfor %}
      </select>
      <select name="tag">
        <option value="">All tags</option>
        {% for t in tags %}<option value="{{ t.name }}" {{ 'selected' if t.name == selected_tag }}>{{ t.name }} ({{ t.count }})</option>{% endfor %}
      </select>
      <select name="model">
        <option value="">All models</option>
        {% for mdl in models %}<option value="{{ mdl }}" {{ 'selected' if mdl == selected_model }}>{{ mdl }}</option>{% endfor %}
      </select>
      <select name="architecture">
        <option value="">All architectures</option>
        {% for arch in architectures %}<option value="{{ arch }}" {{ 'selected' if arch == selected_architecture }}>{{ arch }}</option>{% endfor %}
      </select>
      <select name="version">
        <option value="">All versions</option>
        {% for v in versions %}<option value="{{ v }}" {{ 'selected' if v == selected_version }}>{{ v }}</option>{% endfor %}
      </select>
      <select name="license">
        <option value="">All license levels</option>
        {% for lvl in licenses %}<option value="{{ lvl }}" {{ 'selected' if lvl == selected_license }}>{{ lvl }}{% if lvl|license_tier and lvl|license_tier|lower != lvl|lower %} — {{ lvl|license_tier }}{% endif %}</option>{% endfor %}
      </select>
      {{ m.pagesize(pg.per) }}
    </div>
    <div class="filter-row">
      <input type="search" name="q" value="{{ q }}" placeholder="Search device / host / model / serial / system-id">
    </div>
  </form>
  <div id="inventory-result">
    {% include "_inventory_table.html" %}
  </div>
</div>
{% endblock %}