{% extends "base.html" %}
{% block title %}asiai — Fleet{% endblock %}

{% block content %}
<div class="page-header">
    <h2>Fleet</h2>
    <p>Multi-host observability — polls each configured node's <code>/api/v1/snapshot</code> in parallel.</p>
</div>

{% if not nodes %}
<div class="card" style="padding: 2rem; text-align: center;">
    <p style="margin-bottom: 1rem;">No nodes configured yet.</p>
    <p style="font-size: 0.875rem; opacity: 0.7;">
        Run <code>asiai fleet add &lt;nickname&gt; --url &lt;asiai_url&gt;</code>
        on this host to register a remote <code>asiai web</code> instance,
        then reload this page.
    </p>
</div>
{% else %}

<div style="margin-bottom: 1rem; font-size: 0.875rem; opacity: 0.7;">
    <span>Auto-refresh every 10 seconds.</span>
    <span style="margin-left: 1rem;">Last poll: <span id="fleet-polled-at">{{ snapshot.polled_at }}</span></span>
</div>

<div id="fleet-grid-wrap"
     hx-get="/fleet/grid-fragment"
     hx-trigger="every 10s"
     hx-target="#fleet-grid-wrap"
     hx-swap="innerHTML">
    {% include "partials/fleet_grid.html" %}
</div>

{% endif %}
{% endblock %}