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

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

{% block content %}
<section class="tc-section-grid tc-section-grid--three">
  <article class="tc-summary-card">
    <span>Cash</span>
    <strong>KRW {{ portfolio.cash_krw }}</strong>
  </article>
  <article class="tc-summary-card">
    <span>Positions</span>
    <strong>{{ portfolio.positions_count }}</strong>
  </article>
  <article class="tc-summary-card">
    <span>Strategy</span>
    <strong>{{ portfolio.strategy_id }}</strong>
  </article>
</section>

<section class="tc-panel">
  <div class="tc-panel-head">
    <span class="tc-eyebrow">Portfolio Sync</span>
    <h2>Broker-normalized state</h2>
  </div>
  {% if portfolio.warnings %}
  <div class="tc-alert tc-alert-destructive">
    <strong>Portfolio state needs attention</strong>
    {% for warning in portfolio.warnings %}
    <span>{{ warning }}</span>
    {% endfor %}
  </div>
  {% endif %}
	  <form class="tc-form tc-inline-form" method="post" action="{% url 'web-portfolio-sync' %}">
	    {% csrf_token %}
	    <input type="hidden" name="next" value="{{ request.get_full_path }}">
	    <input type="hidden" name="broker_id" value="paper-trading">
	    <button class="tc-button tc-button-primary" type="submit">Sync now</button>
	    <a class="tc-button" href="/workflow/starter-prompt/?q=Review%20my%20current%20portfolio%20for%20fit%2C%20concentration%2C%20and%20next%20questions.%20No%20order%2C%20no%20trading.">Plan portfolio review</a>
	    <a class="tc-button" href="/workflow/starter-prompt/?q=Check%20portfolio%20risk%2C%20liquidity%2C%20and%20constraints.%20No%20order%2C%20no%20trading.">Plan risk check</a>
	    <a class="tc-button" href="/workflow/starter-prompt/?q=Prepare%20a%20rebalance%20review%20for%20my%20portfolio.%20No%20order%2C%20no%20trading%2C%20no%20execution.">Plan rebalance review</a>
	    <a class="tc-button" href="/research/">Browse reports</a>
	  </form>
  <div class="tc-record-list">
    <div class="tc-record-row">
      <strong>Reconciliation</strong>
      {% if portfolio.reconciliation %}
      <span>{{ portfolio.reconciliation.status }} · {{ portfolio.reconciliation.broker_id }} / {{ portfolio.reconciliation.broker_account_id }}</span>
      <small>{{ portfolio.reconciliation.created_at }}</small>
      {% else %}
      <span>No reconciliation run yet.</span>
      <small>Run sync to create one.</small>
      {% endif %}
    </div>
    <div class="tc-record-row">
      <strong>Last sync</strong>
      {% if portfolio.last_sync %}
      <span>{{ portfolio.last_sync.status }} · {{ portfolio.last_sync.broker_id }}</span>
      <small>{{ portfolio.last_sync.started_at }}</small>
      {% else %}
      <span>No broker sync run yet.</span>
      <small>Sync is optional for the local paper portfolio.</small>
      {% endif %}
    </div>
  </div>
</section>

<section class="tc-panel">
  <div class="tc-panel-head">
    <span class="tc-eyebrow">Holdings</span>
    <h2>{{ portfolio.portfolio_id }} / {{ portfolio.account_id }}</h2>
  </div>
  <div class="tc-table-wrap">
    <table class="tc-data-table">
      <thead>
        <tr>
          <th>Symbol</th>
          <th>Quantity</th>
          <th>Average price</th>
          <th>Currency</th>
        </tr>
      </thead>
      <tbody>
        {% for position in portfolio.positions %}
        <tr>
          <td><strong>{{ position.symbol }}</strong></td>
          <td>{{ position.quantity }}</td>
          <td>{{ position.average_price }}</td>
          <td>{{ position.currency }}</td>
        </tr>
        {% empty %}
        <tr><td colspan="4">No positions are recorded in the central paper portfolio.</td></tr>
        {% endfor %}
      </tbody>
    </table>
  </div>
</section>
{% endblock %}