{# At a loss — Phase 2 dedicated table (§3.3 of UI/UX redesign spec).

   Reads `rows` (list of HarvestOpportunity), `only_harvestable` (bool),
   and `budget` from context — passed by `routes/positions.py` when
   `selected_view == 'at-loss'`. The harvestable-only checkbox uses
   `harvest_form_action` and `harvest_form_target` from context (Phase 1
   review-fix Critical #1) so HTMX targets work on the new home.

   Phase 3 polishes: stacked mini-bar in the summary strip (T5-style),
   inline sim preview on hover, replacement detail (gain/loss for
   substitute), and density-aware row height. #}

<div id="positions-tab-content">
  <div class="flex items-center justify-between mb-3">
    <div data-testid="at-loss-summary" class="text-label-2 text-[13px]">
      <strong class="text-text font-semibold">{{ rows|length }} lots at a loss</strong>
      {% if total_unrealized is defined and rows %}
        · <span class="text-loss">{{ fmt_currency(total_unrealized) }}</span> unrealized
      {% endif %}
      {% if harvest_clear_count is defined and rows %}
        · {{ harvest_clear_count }} currently harvest-clear
      {% endif %}
      {% if budget is defined and budget %}
        · LH-budget {{ fmt_currency(budget.net_realized) }} / {{ fmt_currency(budget.cap_against_ordinary) }} cap
      {% endif %}
      {% if replacements_count is defined and rows %}
        · ETF replacements: {{ replacements_count }}
      {% endif %}
    </div>
    <form hx-get="{{ harvest_form_action|default('/tax?view=harvest') }}"
          hx-target="{{ harvest_form_target|default('#tab-content') }}"
          hx-swap="innerHTML"
          class="flex items-center gap-2">
      <label class="text-label-2 text-[12px] flex items-center gap-1 cursor-pointer">
        <input type="checkbox"
               name="only_harvestable"
               value="1"
               {% if only_harvestable %}checked{% endif %}
               hx-trigger="change">
        Currently harvestable only
      </label>
    </form>
  </div>

  <div hx-get="/tax/harvest/plan" hx-trigger="load" hx-swap="outerHTML"
       id="harvest-queue-region">
    <p class="text-label-2 text-[12px]">Loading harvest plan…</p>
  </div>
</div>