{# OOB swap clears any stale validation error from a prior submit. The Sim
   recents JS keys off the presence of this `data-testid="sim-result-ok"`
   marker to decide whether to log a row. #}
<div id="sim-form-error" hx-swap-oob="true" class="text-neg text-[12px] mt-1" data-testid="sim-form-error"></div>
<span data-testid="sim-result-ok" hidden></span>
{% include "_traffic_light.html" with context %}
{% if not options %}
  <div class="panel text-label-2 text-sm">No holdings of <span class="font-mono">{{ ticker }}</span> in any account.</div>
  {% include "_sim_lot_comparison.html" with context %}
{% else %}
  <h2 class="text-xl mb-3">Per-account options for <span class="font-mono text-primary">{{ ticker }}</span></h2>
  <div class="grid grid-cols-2 gap-4">
    {% for opt in options %}
      <div class="panel" style="--reveal-i: {{ loop.index0 }}">
        <div class="flex justify-between items-baseline mb-2">
          <div class="font-mono text-primary">{{ opt.account.display() }}</div>
          {% if opt.would_trigger_wash_sale %}
            <span class="badge-{{ opt.confidence|lower }}">{{ opt.confidence }}</span>
          {% else %}
            <span class="text-pos bg-pos/10 text-xs font-medium px-2 py-0.5 rounded">No wash sale</span>
          {% endif %}
        </div>
        <div class="label-uc">Realized P&L</div>
        <div class="text-lg font-mono mb-2 num {% if opt.realized_pnl < 0 %}text-neg{% elif opt.realized_pnl > 0 %}text-pos{% endif %}">{% if opt.realized_pnl < 0 %}−{% elif opt.realized_pnl > 0 %}+{% endif %}$<span class="js-countup-num" data-to="{{ '%.2f'|format(opt.realized_pnl|float|abs) }}" data-decimals="2">{{ "{:,.2f}".format(opt.realized_pnl|float|abs) }}</span></div>
        {% if opt.insufficient_shares %}
          <div class="text-xs text-warn mb-2">Insufficient shares: only {{ opt.available_shares }} held.</div>
        {% endif %}
        <div class="label-uc mb-1" title="This per-account view always uses FIFO consumption — it's the conservative default Schwab applies if you don't elect specific-lot ID. For other strategies (HIFO, MinTax, MaxLoss) see the Lot strategy comparison below.">Lots consumed (FIFO baseline)</div>
        <div class="panel" style="padding:0;">
          <table class="net-table text-xs">
            <tbody>
              {% for lot in opt.lots_consumed_fifo %}
                <tr>
                  <td class="py-1 font-mono">{{ lot.purchase_date }}</td>
                  <td class="r num">{{ lot.quantity }}</td>
                  <td class="r num">${{ "{:,.2f}".format(lot.basis_per_share|float) }}/sh</td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    {% endfor %}
  </div>
  {% include "_sim_lot_comparison.html" with context %}
{# A1: Next-step CTAs. Sell-at-loss aggregates per-account `realized_pnl`;
   the harvest CTA appears when any option produced a loss. #}
{% set _is_loss = options and (options | map(attribute='realized_pnl') | min) < 0 %}
{% set _first_acct = (options[0].account.display() if options else '') %}
<div data-testid="sim-next-steps" class="panel mt-4 px-4 py-3 flex flex-wrap gap-2 items-center">
  <span class="label-uc text-label-2 mr-2">Next steps</span>
  <a class="btn-ghost text-[12px]"
     href="/positions?symbol={{ ticker }}{% if _first_acct %}&account={{ _first_acct|urlencode }}{% endif %}">
    View {{ ticker }} position
  </a>
  <a class="btn-ghost text-[12px]" href="/ticker/{{ ticker }}">
    Open {{ ticker }} timeline
  </a>
  {% if _is_loss and _first_acct %}
  <a class="btn-ghost text-[12px]"
     href="/tax/harvest/plan?pick={{ ticker }}::{{ _first_acct|urlencode }}&mode=manual">
    Add to harvest plan
  </a>
  {% endif %}
</div>
<div class="text-[11px] text-label-3 mt-3 text-center">
  &#9888; This is informational only. Consult a tax professional before filing.
</div>
{% endif %}