{% 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>Prepare draft</h2>
    </div>
    <div class="tc-record-list">
      <div class="tc-record-row">
        <strong>Draft only after decision support</strong>
        <span>Use a planner flow first when the idea has not passed evidence, portfolio fit, and risk review.</span>
        <a class="tc-mini-button" href="/workflow/starter-prompt/?q=Check%20whether%20this%20idea%20is%20ready%20for%20portfolio%20fit%20and%20risk%20review.%20No%20order%2C%20no%20trading.">Plan decision support</a>
      </div>
    </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="Draft-only example: 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 review ticket</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>Submission is locked</strong>
        <span>A draft can be reviewed here, but submission still requires risk approval, exact ticket matching, duplicate protection, audit, and local confirmation.</span>
      </div>
      <div class="tc-record-row">
        <strong>Risk review first</strong>
        <span>Approval is a separate risk-manager decision; this page does not approve or submit orders.</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">Review ticket</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">Safe order path</span>
      <h2>Draft to approval</h2>
    </div>
    <div class="tc-record-list">
      <div class="tc-record-row">
        <strong>Draft -> Reviewed -> Approved</strong>
        <span>The ticket is the review record. Imported order JSON is accepted only as an input format.</span>
      </div>
      <div class="tc-record-row">
        <strong>Approved submission only</strong>
        <span>A dedicated execution role can submit only after risk approval matches the exact ticket details.</span>
      </div>
    </div>
  </aside>
</section>
{% endblock %}