{% 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>
{% 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">
        <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">${{ "%.2f"|format(opt.realized_pnl|float) }}</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">Lots consumed (FIFO)</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>
{% endif %}