{% extends "base.html" %}{% from "_macros.html" import table, csrf, page_head, source_note %}
{% block title %}{{ link.question }}{% endblock %}
{% block content %}
<p class="crumbs"><a href="/admin">Admin</a> › <a href="/markets/linked">Linked markets</a> › Market</p>
{{ page_head(link.question) }}
<p class="muted">Outcome <b>{{ link.outcome }}</b>{% if link.invert %} (pays if the prediction fails){% endif %} · {{ link.athlete }} · {{ link.prediction }} · {{ link.venue or "next round / season" }} · token <code>{{ link.token_id }}</code></p>
{{ source_note(link.competition, [link.exchange], run_id if prob is not none else none) }}
<div class="grid">
<div class="card"><h2>Model</h2>
  {% if prob is not none %}<p>Fair price: <b>{{ prob|fmt("model_prob") }}</b> · from run <a href="/lab/runs/{{ run_id }}">#{{ run_id }}</a></p>
  {% else %}<p class="warn">No model probability for this athlete / prediction in the latest forecast run.</p>{% endif %}
  {% if suggestion %}<p class="muted">Maker quotes around fair value (2 ticks of margin): buy ≤ {{ suggestion.buy }} · sell ≥ {{ suggestion.sell }}</p>{% endif %}
</div>
<div class="card"><h2>Order book</h2>
  {% if book %}<p>Best bid <b>{{ book.best_bid }}</b> · best ask <b>{{ book.best_ask }}</b> · last {{ book.last_trade }} · tick {{ book.tick_size }} · min {{ book.min_size }}</p>
  <div class="scroll"><table><thead><tr><th>Bid size</th><th>Bid</th><th>Ask</th><th>Ask size</th></tr></thead><tbody>
  {% for i in range([book.bids|length, book.asks|length]|max) %}<tr>
  <td>{{ book.bids[i][1] if i < book.bids|length else "" }}</td><td>{{ book.bids[i][0] if i < book.bids|length else "" }}</td>
  <td>{{ book.asks[i][0] if i < book.asks|length else "" }}</td><td>{{ book.asks[i][1] if i < book.asks|length else "" }}</td></tr>{% endfor %}
  </tbody></table></div>{% else %}<p class="bad">Could not load the book: {{ book_error }}</p>{% endif %}
</div>
</div>
<div class="card"><h2>Place a maker (post-only) limit order</h2>
<form method="post" action="/markets/linked/{{ link.id }}/preview">{{ csrf() }}
  <label><span>Side</span><select name="side"><option>BUY</option><option>SELL</option></select></label>
  <label><span>Price (0–1)</span><input name="price" size="7" required value="{{ suggestion.buy if suggestion and suggestion.buy else '' }}"></label>
  <label><span>Size (shares)</span><input name="size" size="7" required value="{{ book.min_size if book else 5 }}"></label>
  <button class="primary">Preview</button>
</form></div>
<div class="card"><h2>Orders on this market</h2>{{ table(orders, ["id", "created_at", "side", "price", "size", "status", "model_prob", "best_bid", "best_ask", "exchange_order_id", "error"], {"id": ["/orders?highlight=", "id"]}) }}</div>
{% endblock %}