{% extends "web/base.html" %}

{% block title %}Orders | tcx{% endblock %}
{% block page_label %}Orders{% endblock %}

{% block content %}
<section class="tc-section-grid tc-section-grid--three">
  <article class="tc-summary-card"><span>Order tickets</span><strong>{{ ticket_count }}</strong></article>
  <article class="tc-summary-card"><span>Ready</span><strong>{{ ready_count }}</strong></article>
  <article class="tc-summary-card"><span>Needs review</span><strong>{{ review_count }}</strong></article>
</section>

<section class="tc-section-grid">
  <article class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Order Ticket</span>
      <h2>Create draft</h2>
    </div>
    <form class="tc-form" method="post" action="{% url 'web-order-ticket-create' %}">
      {% csrf_token %}
      <input type="hidden" name="next" value="{{ request.get_full_path }}">
      <label>Natural language
        <textarea name="natural_language" rows="3" placeholder="buy 5 AAPL limit 180"></textarea>
      </label>
      <div class="tc-form-grid">
        <label>Symbol <input name="symbol" placeholder="AAPL"></label>
        <label>Side
          <select name="side">
            <option value="">Parse from text</option>
            <option value="buy">buy</option>
            <option value="sell">sell</option>
          </select>
        </label>
        <label>Quantity <input name="quantity" type="number" step="0.000001"></label>
        <label>Limit price <input name="limit_price" type="number" step="0.000001"></label>
        <label>Currency <input name="currency" value="KRW"></label>
        <label>Broker
          <select name="broker_id">
            {% for broker in broker_options %}
            <option value="{{ broker.broker_id }}">{{ broker.display_name }}</option>
            {% empty %}
            <option value="paper-trading">Paper</option>
            {% endfor %}
          </select>
        </label>
      </div>
      <button class="tc-button tc-button-primary" type="submit">Save draft</button>
    </form>
  </article>

  <aside class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Codex handoff</span>
      <h2>Approval and execution</h2>
    </div>
    <div class="tc-record-list">
      <div class="tc-record-row">
        <strong>Submit approved order disabled</strong>
        <span>Approval and execution stay behind role-scoped TradingCodex MCP, exact order payload hash validation, idempotency, adapter, audit, and local confirmation.</span>
      </div>
    </div>
  </aside>
</section>

<section class="tc-section-grid">
  <article class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Tickets</span>
      <h2>Recent order tickets</h2>
    </div>
    <div class="tc-record-list">
      {% for ticket in order_tickets %}
      <div class="tc-record-row">
        <strong>{{ ticket.ticket_id }}</strong>
        <span>{{ ticket.current_state }} · {{ ticket.side }} {{ ticket.quantity }} {{ ticket.symbol }} @ {{ ticket.limit_price }} {{ ticket.currency }}</span>
        <small>{{ ticket.created_by }} · {{ ticket.created_at|date:"Y-m-d H:i" }}</small>
        <form method="post" action="{% url 'web-order-ticket-checks' ticket.ticket_id %}">
          {% csrf_token %}
          <input type="hidden" name="next" value="{{ request.get_full_path }}">
          <button class="tc-mini-button" type="submit">Run checks</button>
        </form>
        {% if ticket.check_runs.all %}
        <small>
          {% for check in ticket.check_runs.all %}
          {{ check.check_type }}={{ check.decision }}{% if not forloop.last %} · {% endif %}
          {% endfor %}
        </small>
        {% endif %}
      </div>
      {% empty %}
      <p class="tc-empty">No order tickets are stored yet.</p>
      {% endfor %}
    </div>
  </article>

  <aside class="tc-panel">
    <div class="tc-panel-head">
      <span class="tc-eyebrow">Canonical flow</span>
      <h2>Ticket lifecycle</h2>
    </div>
    <div class="tc-record-list">
      <div class="tc-record-row">
        <strong>DRAFT -> CHECKED -> APPROVED</strong>
        <span>OrderTicket is the product surface. Existing JSON order payloads are accepted only as import/input formats.</span>
      </div>
      <div class="tc-record-row">
        <strong>MCP-only execution</strong>
        <span>Execution-operator submits only after the risk-manager approval receipt matches the ticket's exact order payload hash.</span>
      </div>
    </div>
  </aside>
</section>
{% endblock %}