{% extends "base.html" %}

{% block title %}My Connection - MCP Network Diagnostics{% endblock %}

{% block content %}
<p class="overview-intro">This page shows the health of your connection from this device: WiFi signal, router (gateway), DNS, and internet latency. It updates every 10 seconds. Use <a href="/tools">Tools</a> to run deeper checks or to record a baseline for comparison later.</p>
<div class="card connection-card-outer">
    <div
        id="connection-panel"
        hx-get="/partials/connection"
        hx-trigger="load, every 10s"
        hx-swap="innerHTML"
    >
        {% include "partials/connection.html" %}
    </div>
</div>
{% endblock %}