{% extends "base.html" %}
{% block title %}Status – Alpine 5G Router{% endblock %}
{% block content %}
<h2>Modem &amp; network status</h2>
<div class="status-grid" id="statusGrid"></div>

<h3 class="status-section">Modem details (AT)</h3>
<div class="status-grid" id="modemGrid"></div>

<h3 class="status-section">Speedtest</h3>
<p style="color: var(--text-muted); margin: 0 0 0.5rem;">Run speedtest via 5G (modem) or WAN (eth0).</p>
<div class="actions" style="margin-bottom: 0.5rem;">
  <button type="button" class="btn btn-primary" id="speedtest5gBtn">Speedtest (5G)</button>
  <button type="button" class="btn btn-secondary" id="speedtestWanBtn">Speedtest (WAN)</button>
</div>
<div id="speedtestResult" class="speedtest-result"></div>
<div id="speedtestMsg" class="msg"></div>

<div class="actions" style="margin-top: 1rem;">
  <button type="button" class="btn btn-secondary" id="refreshStatus">Refresh</button>
</div>
{% endblock %}