{% extends "base.html" %}
{% block title %}Data — MQTT Ingester{% endblock %}
{% block content %}
<h1>Recent telemetry</h1>
<form method="get" action="/data" class="filter">
  <input type="search" name="topic" value="{{ topic }}" placeholder="Filter by topic, e.g. 11001.*">
  <button type="submit">Filter</button>
</form>
<p class="hint">Showing the 100 most recent measurements you have access to. Patterns follow the access rules: <code>*</code> matches any sequence.</p>
{% if rows %}
<table>
  <thead><tr><th>Time</th><th>Topic</th><th>Payload</th></tr></thead>
  <tbody>
  {% for row in rows %}
    <tr>
      <td>{{ row.time }}</td>
      <td>{{ row.topic }}</td>
      <td><code>{{ row.payload | tojson }}</code></td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% else %}
<p>No telemetry visible (nothing ingested yet, or your access rules match no topics).</p>
{% endif %}
{% endblock %}