{% extends "_base.html" %} {% block title %}Arbitrade Health Check{% endblock %}
{% block header %} {% with page_title="Arbitrade Health Check",
page_subtitle="Live system state and logs." %} {% include "_header.html" %} {%
endwith %} {% endblock %} {% block main_class %}shell{% endblock %} {% block
content %}

<section class="card" style="margin-bottom: 24px">
  <h1>Arbitrade Bootstrap Complete</h1>
  <p><span class="badge">Status: {{ status }}</span></p>
  <p>UTC: {{ time }}</p>
  <p>
    Health JSON:
    <a
      href="/health"
      hx-get="/health"
      hx-target="#health-json"
      hx-swap="innerHTML"
      >refresh</a
    >
  </p>
  <pre id="health-json">{"status":"ok","service":"arbitrade"}</pre>
</section>

<section class="card">
  <h2>System Logs</h2>
  <div class="toolbar" style="display: flex; gap: 8px; margin-bottom: 12px">
    <form
      hx-post="/dashboard/api/logging/aggregate"
      hx-target="#aggregate-result"
      hx-swap="innerHTML"
      style="display: inline"
    >
      <button type="submit" class="button secondary" style="font-size: 0.85rem">
        Aggregate Now
      </button>
    </form>
    <form
      hx-post="/dashboard/api/logging/archive"
      hx-target="#archive-result"
      hx-swap="innerHTML"
      style="display: inline"
    >
      <button type="submit" class="button secondary" style="font-size: 0.85rem">
        Archive Old Logs
      </button>
    </form>
    <span id="aggregate-result" style="font-size: 0.85rem; opacity: 0.6"></span>
    <span id="archive-result" style="font-size: 0.85rem; opacity: 0.6"></span>
  </div>
  <div
    id="log-table-container"
    hx-get="/dashboard/fragment/logs"
    hx-trigger="load, every 30s"
    hx-swap="outerHTML"
  >
    <div style="text-align: center; padding: 20px; opacity: 0.5">
      Loading logs...
    </div>
  </div>
</section>

{% endblock %} {% block scripts %}{% endblock %}