{# Harvest queue tab: open lots at unrealized loss with lockout-clear + premium offset. #}
<section class="space-y-3">
  <div class="text-[12px] text-label-2 leading-[1.55]">
    Each row is an open position currently sitting at a loss &mdash; a candidate for
    <strong class="text-text">tax-loss harvesting</strong>. Selling realizes the loss to offset gains
    (and up to $3,000 of ordinary income); the IRS wash-sale rule then blocks
    re-purchase of the same / substantially-identical security for 30 days.
  </div>
  <div class="flex items-center gap-3">
    <label class="text-[12px] text-label-1 inline-flex items-center gap-2">
      <input type="checkbox" name="only_harvestable" {% if only_harvestable %}checked{% endif %}
        hx-get="{{ harvest_form_action|default('/tax?view=harvest') }}" hx-target="{{ harvest_form_target|default('#tab-content') }}" hx-trigger="change"
        class="accent-indigo">
      Currently harvestable only
      <span class="text-label-3" title="Hide rows whose lockout window hasn't cleared yet (i.e. selling today would still trigger a wash sale).">&#9432;</span>
    </label>
  </div>
  {% if rows %}
  <div class="overflow-x-auto">
  <table class="net-table">
    <thead class="sticky top-0 z-10 bg-bg">
      <tr>
        <th class="sticky top-0 left-0 z-20 bg-bg shadow-[2px_0_0_0_var(--hairline)]">Symbol</th>
        <th class="r" title="Unrealized loss the position would realize if sold today.">Loss</th>
        <th title="Long-term (held > 1y) loss is more valuable for offsetting LT gains; short-term loss offsets ordinary-rate STCG.">LT/ST</th>
        <th>Account</th>
        <th title="Earliest date a sale here would NOT be a wash sale. ‘clear’ means selling today is safe; a date means a recent buy of the same security still falls inside the 30-day wash window.">Lockout-clear</th>
        <th class="r" title="Option premium received this year on this underlying that has already been counted as income — it reduces the harvestable loss by that amount when the put assigns.">Premium offset</th>
        <th title="Run a what-if sale through the simulator to preview realized P&L, lot consumption (FIFO), and any wash-sale traps before placing the trade.">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for row in rows %}
      <tr data-symbol="{{ row.symbol|upper }}">
        <td class="sticky left-0 z-[1] bg-inherit shadow-[2px_0_0_0_var(--hairline)] font-semibold">{{ row.symbol }}</td>
        <td class="r num text-neg">−${{ "%.2f"|format(row.loss|abs) }}</td>
        <td><span class="chip-{% if row.lt_st|lower == 'lt' %}unclear{% else %}probable{% endif %}">{{ row.lt_st }}</span></td>
        <td class="text-[12px]">{{ row.account_label }}</td>
        <td>
          {% if row.lockout_clear %}
            <span class="chip-confirm" title="Recent buy of this (or a substantially-identical) security puts the sale inside the 30-day wash window. Selling before this date triggers a wash sale.">{{ row.lockout_clear }}</span>
          {% else %}
            <span class="chip-unclear" style="color: var(--color-pos); background: rgba(48,209,88,0.14);">clear</span>
          {% endif %}
        </td>
        <td class="r num">
          {% if row.premium_offset %}
            <span class="text-warn">&#8722;${{ "%.2f"|format(row.premium_offset) }}</span>
            {% if row.premium_origin_event %}
              <div class="text-[11px] text-label-2">CSP premium received {{ row.premium_origin_event.assignment_date }}</div>
            {% endif %}
          {% else %}<span class="text-label-3">&#8212;</span>{% endif %}
        </td>
        <td>
          <a href="/sim?ticker={{ row.symbol }}&amp;qty={{ row.qty }}&amp;harvest=1" class="btn-ghost text-[12px]"
             title="Run a sale of {{ row.qty }} {{ row.symbol }} through the trade-simulator: shows realized P&L, FIFO lot consumption, wash-sale traps, and the lot-method recommendation.">
            Simulate harvest
          </a>
          {% if row.suggested_replacements %}
            <details class="mt-1">
              <summary class="text-[11px] text-label-2 cursor-pointer">Replacements</summary>
              <ul class="text-[11px] text-label-2 mt-1 ml-4 list-disc">
                {% for r in row.suggested_replacements %}
                  <li>{{ r }} <span class="text-label-3">&#8212; discuss with CPA</span></li>
                {% endfor %}
              </ul>
            </details>
          {% endif %}
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  {% else %}
  <p class="text-label-2 text-[13px]">No harvest opportunities &#8212; all open positions are at gain or flat.</p>
  {% endif %}
</section>