{% extends "base.html" %}
{% block content %}

<nav class="section-nav" aria-label="Trades">
  <a href="/market" class="{{ 'active' if nav_active == 'market' }}">Market</a>
  <a href="/market/book" class="{{ 'active' if nav_active == 'market_book' }}">Order book</a>
  <a href="/trades" class="{{ 'active' if nav_active == 'trades' }}">Activity</a>
</nav>

{% if alert_ok %}<div class="alert alert-ok">{{ alert_ok }}</div>{% endif %}
{% if alert_err %}<div class="alert alert-err">{{ alert_err }}</div>{% endif %}

{% if my_standing.abandoned_count %}
  <div class="alert alert-err">
    <strong>Your standing has a verified missed-payment claim against it:</strong>
    a step you owed was still unpaid an hour past its deadline
    {% if my_standing.last_abandoned_at %}, most recently {{ fmt_duration(now - my_standing.last_abandoned_at) }} ago{% endif %}
    {% if my_standing.last_abandon_session %} (session <span class="hash-short">{{ my_standing.last_abandon_session[:16] }}…</span>, see below){% endif %}.
    This is independently checked against the chain, not a bare accusation from the other side -
    see "People you have traded with" below for the exact record.
    {% if worker.state == 'ok' %}
      Your wallet is unlocked and the worker is running, so if that step can now be paid it already has been or will be on the next pass;
      this clears on its own the moment the missing leg settles.
    {% else %}
      Your worker is not currently able to send ({{ worker.message }}) - fix that and any payable step goes out automatically, nothing to do by hand.
    {% endif %}
  </div>
{% endif %}

{% if worker.state in ('stopped', 'locked', 'paused') %}
  <div class="alert alert-err">
    <strong>{{ {"stopped": "Worker stopped", "locked": "Wallet locked",
                "paused": "Stellar unreachable"}[worker.state] }}:</strong>
    {{ worker.message }}
  </div>
{% elif worker.state == 'ok' and active %}
  <p class="stat-sub" style="margin-bottom:.6rem">
    Swap worker running normally &middot; {{ worker.passes }} pass{{ "es" if worker.passes != 1 }} so far.
  </p>
{% endif %}

{% if pending_requests %}
<h2>Pending requests</h2>
<p class="stat-sub" style="margin-bottom:.5rem">
  Sent, waiting on the maker to answer. Nothing is paid yet: an accept
  opens as a trade below within one worker pass, and a decline or a
  request nobody ever answers costs you nothing.
</p>
<div class="table-wrap">
<table class="stacked">
  <thead>
    <tr><th>Side</th><th>Amount</th><th>Maker</th><th>Sent</th><th>Status</th></tr>
  </thead>
  <tbody>
    {% for r in pending_requests %}
    <tr>
      <td data-label="Side">
        {% if r.direction %}
          <span style="font-weight:bold; color:{{ 'var(--gain)' if r.direction == 'sell' else 'var(--loss)' }}">
            {{ 'Buying' if r.direction == 'sell' else 'Selling' }}
          </span>
        {% else %}
          <span class="stat-sub">order gone</span>
        {% endif %}
      </td>
      <td data-label="Amount">{{ fmt_lapse_dp(r.lapse_total, 4) }}</td>
      <td data-label="Maker" class="hash-short">{{ short_addr(r.maker_lapse_addr) if r.maker_lapse_addr else "n/a" }}</td>
      <td data-label="Sent">{{ fmt_duration(now - r.sent_at) }} ago</td>
      <td data-label="Status">
        <span style="color:{{ {'pending': 'var(--live)', 'accepted': 'var(--gain)', 'declined': 'var(--loss)'}[r.status] }}">
          {{ r.status|capitalize }}
        </span>
        <div class="stat-sub">{{ r.detail }}</div>
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>
{% endif %}

<h2>Trades</h2>

{% if active %}
  {% for t in active %}
  <div class="card" style="margin-bottom:.7rem">
    <div class="card-title">
      {{ "Buying" if t.i_receive_lapse else "Selling" }}
      {{ fmt_lapse_dp(t.lapse_total, 4) }}
      for {{ fmt_xlm(t.xlm_total) }} XLM
      <span style="float:right; font-weight:normal;
                   color:{{ 'var(--loss)' if t.status == 'stalled' else 'var(--live)' }}">
        {{ "Waiting" if t.status == 'stalled' else "In progress" }}
      </span>
    </div>

    <div class="progress" title="{{ t.done_steps }} of {{ t.increment_count }} steps delivered">
      <div class="progress-fill" style="width: {{ t.pct }}%"></div>
    </div>
    <p class="stat-sub" style="margin-top:.25rem">
      {{ t.done_steps }} of {{ t.increment_count }} steps delivered
      &middot; {{ fmt_lapse_dp(t.delivered_lapse, 4) }} so far
    </p>

    {% if t.status == 'stalled' %}
      <p style="font-size:.9rem; margin-top:.4rem; color:var(--ink-dim)">
        The other side has not moved for a while. Nothing is lost and
        nothing is being blamed yet: a node restarting or a slow connection
        looks exactly like this. The trade picks up by itself if they come
        back.
        {% if t.at_risk %}
          Your exposure while you wait is {{ fmt_xlm(t.at_risk) }} XLM, which
          is one step and the most this can cost you.
        {% endif %}
      </p>
    {% endif %}

    <table class="kv-table" style="font-size:.88rem; margin-top:.4rem">
      <tr><td>Counterparty</td><td class="hash">{{ t.peer_lapse_addr }}</td></tr>
      <tr><td>Started</td><td>{{ fmt_duration(now - t.created_at) }} ago</td></tr>
      <tr><td>Most at risk</td><td>{{ fmt_xlm(t.step_cap) }} XLM (one step)</td></tr>
    </table>

    <details style="margin-top:.4rem">
      <summary class="stat-sub" style="cursor:pointer">Step detail</summary>
      <div class="table-wrap" style="margin-top:.3rem">
        <table style="font-size:.82rem; min-width:420px">
          <thead>
            <tr><th>#</th><th>LAPSE</th><th>XLM</th><th>You send</th><th>They send</th></tr>
          </thead>
          <tbody>
            {% for s in t.steps %}
            <tr>
              <td>{{ s.n }}{% if s.i_move_first %} <span class="stat-sub">(you first)</span>{% endif %}</td>
              <td>{{ fmt_lapse_dp(s.lapse_amount, 4) }}</td>
              <td>{{ fmt_xlm(s.xlm_amount) }}</td>
              <td>{{ leg_label(s.out_state)|safe }}</td>
              <td>{{ leg_label(s.in_state)|safe }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </details>
  </div>
  {% endfor %}
{% else %}
  <p style="color:var(--ink-dim); font-style:italic; margin-bottom:.7rem">
    No trades running. Start one from the <a href="/market">Market</a>.
  </p>
{% endif %}

<h2>History</h2>
{% if history %}
<div class="table-wrap">
<table class="stacked">
  <thead>
    <tr><th>Side</th><th>Amount</th><th>Counterparty</th><th>Outcome</th><th>When</th></tr>
  </thead>
  <tbody>
    {% for t in history %}
    <tr>
      <td data-label="Side">{{ "Bought" if t.i_receive_lapse else "Sold" }}</td>
      <td data-label="Amount">{{ fmt_lapse_dp(t.delivered_lapse, 4) }}</td>
      <td data-label="Counterparty">{{ short_addr(t.peer_lapse_addr) }}</td>
      <td data-label="Outcome">
        {% if t.status == 'completed' %}
          <span style="color:var(--gain)">Completed</span>
        {% elif t.status == 'abandoned' %}
          <span style="color:var(--loss)">They walked away</span>
          <div class="stat-sub">after step {{ t.done_steps }}</div>
        {% else %}
          {{ t.status }}
        {% endif %}
      </td>
      <td data-label="When">{{ fmt_duration(now - t.updated_at) }} ago</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>
{% else %}
  <p style="color:var(--ink-dim); font-style:italic">Nothing yet.</p>
{% endif %}

{% if fills.total %}
<p class="stat-sub" style="margin-bottom:.3rem">
  This node holds {{ fills.total }} accepted trade{{ '' if fills.total == 1 else 's' }}
  gossiped from across the network, each independently reconstructed and
  checked against the chain the moment anyone's standing actually needs
  it - there is nothing to verify ahead of time and nothing cached, so a
  trade counted above was just re-derived fresh from public data, not
  taken on anyone's word.
</p>
{% endif %}

<h2>Your own standing</h2>
<p class="stat-sub" style="margin-bottom:.4rem">
  Computed fresh from the chain, same as anyone else's.
</p>
<div class="card" style="margin-bottom:1rem">
  <table class="kv-table">
    <tr><td>Address</td><td class="hash">{{ my_addr }}</td></tr>
    <tr>
      <td>Standing</td>
      <td>
        {% if my_standing.abandoned_count %}
          <span style="color:var(--loss); font-weight:bold">
            {{ my_standing.abandoned_count }} currently unresolved "missed" claim{{ '' if my_standing.abandoned_count == 1 else 's' }}
          </span>
        {% else %}
          <span style="color:{{ 'var(--gain)' if my_standing.score > 0 else 'var(--ink-dim)' }}; font-weight:bold">{{ fmt_score(my_standing.score) }}</span>
        {% endif %}
      </td>
    </tr>
    <tr><td>Completed (verified)</td><td>{{ my_standing.completed_count }}</td></tr>
    <tr><td>Volume (verified)</td><td>{{ fmt_lapse_dp(my_standing.completed_lapse, 2) }}</td></tr>
  </table>
</div>

<h2>People you have traded with</h2>
{% if peers %}
<div class="table-wrap">
<table class="stacked" style="font-size:.9rem">
  <thead>
    <tr><th>Address</th><th>Standing</th><th>Completed</th><th>Volume</th><th>Walked away</th></tr>
  </thead>
  <tbody>
    {% for p in peers %}
    <tr>
      <td data-label="Address">{{ short_addr(p.addr) }}</td>
      <td data-label="Standing">
        {% if p.abandoned_count %}
          <span style="color:var(--loss); font-weight:bold">None</span>
        {% else %}
          <span style="color:{{ 'var(--gain)' if p.score > 0 else 'var(--ink-dim)' }}; font-weight:bold">{{ fmt_score(p.score) }}</span>
        {% endif %}
      </td>
      <td data-label="Completed">
        {{ p.completed_count }}
        {% if p.network_completed_count %}
          <span class="stat-sub" title="Reported by other traders and independently re-checked against the chain">
            ({{ p.network_completed_count }} from others)
          </span>
        {% endif %}
      </td>
      <td data-label="Volume">{{ fmt_lapse_dp(p.completed_lapse, 2) }}</td>
      <td data-label="Walked away">
        {{ p.abandoned_count or "no" }}
        {% if p.network_abandoned_count %}
          <span class="stat-sub" title="Reported by other traders and independently re-checked against the chain">
            ({{ p.network_abandoned_count }} reported by others)
          </span>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>
<p class="stat-sub" style="margin-top:.4rem">
  Standing decides only how large a single step may be with someone, never
  whether a trade is safe. A stranger can still trade here; the pieces are
  just smaller. A score of zero next to a real record means the address is
  too new or holds too little for that record to count, which is what stops
  a reputation being rebuilt for free on a throwaway address.
</p>
{% else %}
  <p style="color:var(--ink-dim); font-style:italic">Nobody yet.</p>
{% endif %}

<style>
  .progress { background: var(--paper-2); border: 1px solid var(--rule-lt);
              height: 10px; overflow: hidden; }
  .progress-fill { background: var(--gain); height: 100%; }
  .leg-done { color: var(--gain); }
  .leg-wait { color: var(--live); }
  .leg-idle { color: var(--rule-lt); }
</style>

<script>
(function () {
  // A step's own state (sent, confirming, settled) advances as the
  // swap worker reacts to chain/gossip events on its own, not on this
  // browser tab's schedule, so a page left open shows a trade as stuck
  // long after it has actually moved. Same reasoning as market.html's
  // own refresh: a plain reload, skipped while the tab is hidden or a
  // form field has focus, is the simplest correct way to keep this live
  // without a new endpoint or per-message traffic.
  var REFRESH_MS = 20000;
  setInterval(function () {
    if (document.hidden) return;
    var active = document.activeElement;
    if (active && /^(INPUT|SELECT|TEXTAREA)$/.test(active.tagName)) return;
    location.reload();
  }, REFRESH_MS);
})();
</script>

{% endblock %}