{% 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_err %}<div class="alert alert-err">{{ alert_err }}</div>{% endif %}

<h2>{{ "Buy" if taking_side == "buy" else "Sell" }} LAPSE</h2>

<div class="card" style="margin-bottom:.6rem">
  <div class="card-title">The offer</div>
  <table class="kv-table">
    <tr>
      <td>{{ "Seller" if taking_side == "buy" else "Buyer" }}</td>
      <td class="hash">{{ order.maker_lapse_addr }}</td>
    </tr>
    <tr><td>Price</td><td>{{ fmt_price(order.price_stroops_per_lapse) }} XLM per LAPSE</td></tr>
    <tr><td>Available</td><td>{{ fmt_lapse_dp(remaining, 4) }}</td></tr>
    {% if order.min_fill %}
      <tr><td>Smallest fill</td><td>{{ fmt_lapse_dp(order.min_fill, 4) }}</td></tr>
    {% endif %}
    <tr>
      <td>Track record</td>
      <td>
        {% if trust.abandoned_count %}
          <span style="color:var(--loss); font-weight:bold">
            {{ fmt_score(trust.score) }} - took a payment and has not reciprocated
          </span>
          <div class="stat-sub">
            As of the last check, a payment they owed on a past trade still
            has not arrived. That is re-checked against the chain every time
            their standing is looked at, not assumed forever: if it turns
            out they were simply offline and it eventually shows up, this
            clears on its own. Until then you can still deal with them, but
            the steps will be as small as this node allows.
          </div>
        {% else %}
          <span style="color:{{ 'var(--gain)' if trust.score > 0 else 'var(--ink-dim)' }}">
            {{ fmt_score(trust.score) }}
            {%- if trust.completed_count %}
              ({{ trust.completed_count }} completed trade{{ '' if trust.completed_count == 1 else 's' }})
            {%- endif %}
          </span>
          <div class="stat-sub">
            {% if trust.completed_count %}
              Their address has been on the chain a while and holds a balance,
              which is what makes that record worth something: a fresh address
              with no funds counts for nothing here however long its history
              claims to be.
            {% elif trust.score > 0 %}
              No completed trades yet, but their address's age and balance
              already give it some standing on their own - what it would
              forfeit by walking away, not a track record.
            {% else %}
              No history with this node, and their address's age and/or
              balance do not yet clear the floor this score is built from
              (see the Trades page for how yours compares). Normal for a
              new market; it only means the trade is delivered in smaller
              pieces.
            {% endif %}
          </div>
          <div class="stat-sub" style="margin-top:.2rem">
            For comparison, your own standing is currently
            <strong>{{ fmt_score(my_standing.score) }}</strong>.
          </div>
        {% endif %}
        {% if trust.network_completed_count or trust.network_abandoned_count %}
          <div class="stat-sub" style="margin-top:.3rem">
            {% if trust.network_abandoned_count %}
              <span style="color:var(--loss)">
                Other traders have independently reported {{ trust.network_abandoned_count }}
                non-reciprocation{{ '' if trust.network_abandoned_count == 1 else 's' }} against
                this address that this node checked and confirmed on chain itself.
              </span>
            {% endif %}
            {% if trust.network_completed_count %}
              {{ trust.network_completed_count }} of the completed trade{{ '' if trust.network_completed_count == 1 else 's' }}
              above {{ 'was' if trust.network_completed_count == 1 else 'were' }} reported by other
              traders, not this node, and independently re-checked against the chain before counting.
            {% endif %}
          </div>
        {% endif %}
      </td>
    </tr>
  </table>
</div>

{% if maker_xlm_unfunded %}
  <div class="card">
    <div class="card-title">Your first payment may cost slightly more</div>
    <p style="font-size:.92rem">
      The seller's Stellar address has no account behind it yet, so a
      plain payment cannot reach it; your first step creates the account
      instead, which needs at least <strong>{{ account_min_xlm }} XLM</strong>
      regardless of what that step was scheduled for. This only ever
      happens once, on the very first payment to them, and costs at most
      the gap between the scheduled amount and that minimum.
    </p>
  </div>
{% endif %}

{% if maker_lapse_overcommitted %}
  <div class="card">
    <div class="card-title">This maker may not be able to cover this order</div>
    <p style="font-size:.92rem">
      This seller's own open sell orders, added together, currently ask
      for more LAPSE than their own address actually holds. That does
      not put anything you send at risk (a fill this maker cannot
      actually fund is refused before you pay, not after), but a
      request against this order may simply come back declined.
    </p>
  </div>
{% endif %}

{% if too_large %}
  <div class="card">
    <div class="card-title">Too large to do safely right now</div>
    <p style="font-size:.92rem">
      Filling all of this would mean putting more at stake in a single step
      than either side's own trust of the other currently allows. The most
      this trade will do at the moment is
      <strong>{{ fmt_lapse_dp(max_safe_lapse, 4) }}</strong>.
    </p>
    <p style="font-size:.92rem; margin-top:.4rem">
      You can take that much now. There is no setting to raise this by
      hand: it is computed from both addresses' own trading history, not
      chosen by either side, so trading with them successfully is what
      raises it.
    </p>
  </div>
{% endif %}

<div class="card">
  <div class="card-title">How much</div>
  <form method="post" id="take-form">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">

    <div class="form-row">
      <label for="amount">Amount</label>
      <input id="amount" type="text" name="amount_lapse" inputmode="decimal"
             value="{{ default_fill }}" required autocomplete="off"
             placeholder="{% if order.min_fill %}{{ fmt_lapse_dp(order.min_fill, 4) }}{% else %}0{% endif %} - {{ fmt_lapse_dp(max_fill_ticks, 4) }}"
             data-max="{{ max_fill_lapse }}"
             data-price="{{ price_xlm }}">
      <span>LAPSE</span>
      <button type="button" id="take-max-btn" class="btn-sm" data-max="{{ max_fill_lapse }}">Take it all</button>
      <div class="stat-sub">
        {% if order.min_fill %}
          {{ fmt_lapse_dp(order.min_fill, 4) }} to {{ fmt_lapse_dp(max_fill_ticks, 4) }} here.
        {% else %}
          Up to {{ fmt_lapse_dp(max_fill_ticks, 4) }} here.
        {% endif %}
      </div>
    </div>

    <div class="form-row">
      <label>{{ "You pay" if taking_side == "buy" else "You receive" }}</label>
      <div class="stat-value" id="total-line">n/a</div>
    </div>

    <div class="form-row">
      <label>Delivered in</label>
      <div>
        <span id="step-line">{{ planned_steps }} steps</span>
        <div class="stat-sub">
          The trade is split into pieces and each one only goes after the
          last has confirmed, so at no point is more than
          <strong id="risk-line">{{ fmt_xlm(step_cap_stroops) }} XLM</strong>
          of yours outstanding. That is the most you can lose if they walk
          away, whatever the total is.
        </div>
      </div>
    </div>

    <div class="form-row">
      <label>Expect it to take</label>
      <div>
        about {{ fmt_duration(eta_seconds) }}
        <div class="stat-sub">
          Each step waits {{ confirm_depth }} LapseCoin blocks to confirm,
          which is what a step costs. The Stellar side settles in about five
          seconds and does not add to this.
        </div>
      </div>
    </div>

    <div class="form-row">
      <label for="take_pass">Passphrase</label>
      <input id="take_pass" type="password" name="passphrase" required>
    </div>

    <div style="padding-top:.5rem">
      <button type="submit">Start trade</button>
    </div>
  </form>
</div>

<script>
(function () {
  var amount = document.getElementById("amount");
  var total  = document.getElementById("total-line");
  if (!amount || !total) return;
  var price = parseFloat(amount.dataset.price);

  function recalc() {
    var a = parseFloat(amount.value);
    if (!isFinite(a) || a <= 0 || !isFinite(price)) {
      total.textContent = "n/a";
      return;
    }
    total.textContent = (a * price).toFixed(7) + " XLM";
  }

  amount.addEventListener("input", recalc);
  recalc();

  var maxBtn = document.getElementById("take-max-btn");
  if (maxBtn) {
    maxBtn.addEventListener("click", function () {
      amount.value = maxBtn.dataset.max;
      recalc();
    });
  }
})();
</script>

{% endblock %}