{% extends "_base.html" %} {% block title %}{{ title }}{% endblock %} {% block
main_class %}shell{% endblock %} {% block header %} {% with
page_title="Currency Pairings",
page_subtitle="Enable/disable pairings, search, and sync from Kraken." %}
{% include "_header.html" %} {% endwith %} {% endblock %} {% block content %}

<div class="toolbar" style="margin-bottom: 16px; display: flex; gap: 8px">
  <input
    id="pairing-search"
    type="text"
    placeholder="Search pairings…"
    value="{{ search or '' }}"
    style="flex: 1; max-width: 300px"
    hx-get="/dashboard/fragment/pairings"
    hx-target="#pairings-table-container"
    hx-trigger="keyup changed delay:300ms"
    hx-include="#pairing-enabled-filter"
    name="search"
  />

  <select
    id="pairing-enabled-filter"
    name="enabled"
    hx-get="/dashboard/fragment/pairings"
    hx-target="#pairings-table-container"
    hx-trigger="change"
    hx-include="#pairing-search"
  >
    <option value="all">All</option>
    <option value="true" {{ 'selected' if enabled == 'true' else '' }}>
      Enabled
    </option>
    <option value="false" {{ 'selected' if enabled == 'false' else '' }}>
      Disabled
    </option>
  </select>

  <button
    class="button"
    hx-post="/dashboard/api/pairings/sync"
    hx-target="#pairings-table-container"
    hx-swap="innerHTML"
  >
    Sync from Kraken
  </button>
</div>

<div id="pairings-table-container">
  {% include "partials/pairings_table.html" %}
</div>

{% endblock %}