{% extends "base.html" %} {% block title %}{{ title }}{% endblock %} {% block
main_class %}shell{% endblock %} {% block content %}
<section class="hero">
  <div>
    <h1 class="title">Configuration</h1>
    <p class="subtitle">
      Runtime settings, alerts, exchange, risk, and strategy.
    </p>
  </div>
  <div class="toolbar">
    <a class="button secondary" href="/dashboard">Dashboard</a>
    <a class="button secondary" href="/dashboard/backtesting">Backtesting</a>
    <a class="button secondary" href="/dashboard/audit">Audit</a>
    <a class="button secondary" href="/health">Health</a>
  </div>
</section>

<section
  id="fees-shell"
  hx-get="{{ config_fees_fragment }}"
  hx-target="this"
  hx-trigger="load"
  hx-swap="outerHTML"
>
  {% include "partials/config_fees.html" %}
</section>

<section
  id="config-shell"
  hx-get="/dashboard/fragment/config"
  hx-target="this"
  hx-trigger="load, every 30s"
  hx-swap="outerHTML"
>
  {% include "partials/config.html" %}
</section>

{% endblock %}