{% extends "base.html" %}
{% block body %}
    <h1>Status</h1>
    <section>
      <h2>Enrollment</h2>
      <p>Host ID: {{ identity.host_id if identity else "" or "not enrolled" }}</p>
      <p>Agent instance ID: {{ identity.agent_instance_id if identity else "" or "unknown" }}</p>
      <p>Control plane: {{ config.control_plane_url }}</p>
    </section>
    <section>
      <h2>Heartbeat</h2>
      <p id="last-heartbeat">{{ heartbeat_text }}</p>
    </section>
    <section>
      <h2>Cloud policy</h2>
      <p id="host-policy">{{ policy_text }}</p>
    </section>
    <section>
      <h2>Current assignment</h2>
      <p id="current-assignment">{{ assignment_text }}</p>
      <p id="current-progress">{{ progress_text }}</p>
    </section>
    <section>
      <h2>MCP</h2>
      <table>
        <tbody>
          <tr>
            <td>MCP</td>
            <td>
              {% if mcp_endpoint %}
                endpoint <code>{{ mcp_endpoint }}</code>;
                {% if mcp_busy_devices %}busy: {{ mcp_busy_devices|join(", ") }}{% else %}idle{% endif %}
              {% else %}
                not configured
              {% endif %}
            </td>
          </tr>
        </tbody>
      </table>
    </section>
    <section>
      <h2>Devices</h2>
      <table>
        <thead><tr><th>ID</th><th>Name</th><th>Driver</th><th>Status</th></tr></thead>
        <tbody id="device-status-body">{% for device in devices %}<tr><td>{{ device.id }}</td><td>{{ device.name or "" }}</td><td>{{ device.driver_type }}</td><td>{{ device.display_status }}</td></tr>{% endfor %}</tbody>
      </table>
    </section>
    {% raw %}<script>
    (function () {
      function render(data) {
        var hb = data.status.last_heartbeat;
        document.getElementById("last-heartbeat").textContent = hb
          ? (hb.ok ? "ok" : "failed") + " at " + hb.at + " (" + hb.device_count + " devices)"
          : "never";
        var current = data.status.current_assignment;
        document.getElementById("current-assignment").textContent = current
          ? current.task_id + " on " + current.device_id + " (started " + current.started_at + ")"
          : "none";
        var progress = data.status.progress;
        document.getElementById("current-progress").textContent = progress
          ? "step " + progress.step_index + " \u2014 " + progress.step_status + ": " + progress.summary
          : "";
        var policy = data.status.host_policy;
        document.getElementById("host-policy").textContent = policy
          ? "revision " + policy.revision + "; self-submission "
            + (policy.self_submission_enabled ? "enabled" : "disabled")
            + "; max active tasks " + (policy.max_active_tasks || "unlimited")
            + "; daily token budget " + (policy.daily_token_budget || "unmetered")
          : "no Cloud policy cached";
        var body = document.getElementById("device-status-body");
        body.innerHTML = "";
        data.devices.forEach(function (device) {
          var row = document.createElement("tr");
          ["id", "name", "driver_type", "status"].forEach(function (key) {
            var cell = document.createElement("td");
            cell.textContent = device[key] || "";
            row.appendChild(cell);
          });
          body.appendChild(row);
        });
      }
      function poll() {
        fetch("/api/status", { credentials: "same-origin" })
          .then(function (response) { return response.ok ? response.json() : null; })
          .then(function (data) { if (data) render(data); })
          .catch(function () {});
      }
      setInterval(poll, 5000);
    })();
    </script>{% endraw %}
{% endblock %}