{% extends "base.html" %}

{% block content %}
  <section class="card">
    <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>
{% endblock %}