{% extends "base.html" %}
{% block title %}DNS Monitor — Roundtable{% endblock %}
{% block content %}
<div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;">
  <h1 class="page-title" style="margin-bottom:0;">DNS Monitor</h1>
  <span style="color:var(--text-muted);font-size:0.85rem;">polling every {{ poll_interval }}s</span>
</div>
<div class="card ping-card">
  <div id="dns-rows"
       hx-get="/dns/rows"
       hx-trigger="every {{ poll_interval }}s"
       hx-swap="innerHTML">
    {% include "dns/rows.html" %}
  </div>
</div>
{% endblock %}