{% extends "base.html" %}
{% block title %}Device Intelligence — ESP32-Web{% endblock %}

{% block content %}
<hgroup>
  <h2>Device Intelligence</h2>
  <p>{{ total_devices }} devices tracked across {{ total_sensors }} sensors</p>
</hgroup>

<nav class="tab-nav">
  <a href="#" hx-get="{{ url_for('dashboard.tab_vendor_treemap') }}" hx-target="#tab-content">Vendor Treemap</a>
  <a href="#" hx-get="{{ url_for('dashboard.tab_ssid_graph') }}" hx-target="#tab-content">SSID Graph</a>
  <a href="#" hx-get="{{ url_for('dashboard.tab_fingerprint_clusters') }}" hx-target="#tab-content">Fingerprint Clusters</a>
</nav>

<div id="tab-content">
  <div class="viz-loading" aria-busy="true">Loading...</div>
</div>
{% endblock %}