{# Closed positions — historical realized lots from the Realized G/L import.

   Reads `closed_rows` (list of ClosedLotRow) and `closed_total_realized`
   from context, populated by routes/positions.py when
   `selected_view == 'closed'`. #}

<div id="positions-tab-content">
  <div class="flex items-center justify-between mb-3">
    <div data-testid="closed-summary" class="text-label-2 text-[13px]">
      <strong class="text-text font-semibold">{{ closed_rows_total|default(closed_rows|length) }} closed lot{% if (closed_rows_total|default(closed_rows|length)) != 1 %}s{% endif %}</strong>
      {% if closed_rows %}
        ·
        {% if closed_total_realized < 0 %}
          <span class="text-neg">{{ fmt_currency(closed_total_realized) }}</span>
        {% else %}
          <span class="text-pos">+{{ fmt_currency(closed_total_realized) }}</span>
        {% endif %}
        realized
      {% endif %}
    </div>
  </div>

  <div class="panel overflow-x-auto" style="padding:0;">
    <table class="net-table min-w-[960px]">
      <thead class="sticky top-0 z-10 bg-bg">
        <tr>
          <th>Symbol</th>
          <th>Acct</th>
          <th class="r">Qty</th>
          <th class="r">Basis</th>
          <th class="r">Proceeds</th>
          <th class="r">Realized</th>
          <th>Opened</th>
          <th>Closed</th>
          <th>Holding</th>
        </tr>
      </thead>
      <tbody>
        {% if not closed_rows %}
          <tr>
            <td colspan="9" class="py-10 text-center text-label-2">
              No closed positions for this period.
              {% if selected_period == "ytd" %}
                Try switching to Lifetime, or import a Realized G/L CSV via Settings ⚙ → Imports.
              {% else %}
                Import a Realized G/L CSV via Settings ⚙ → Imports to populate this view.
              {% endif %}
            </td>
          </tr>
        {% else %}
          {% for row in closed_rows %}
            <tr data-symbol="{{ row.ticker|upper }}">
              <td class="font-semibold">{{ row.display_symbol }}</td>
              <td class="text-label-2">{{ row.account }}</td>
              <td class="r num">{{ fmt_quantity(row.qty) }}</td>
              <td class="r num">{{ fmt_currency(row.cost_basis) }}</td>
              <td class="r num">{{ fmt_currency(row.proceeds) }}</td>
              <td class="r num {% if row.realized_pl < 0 %}text-neg{% elif row.realized_pl > 0 %}text-pos{% else %}text-label-2{% endif %}">
                {% if row.realized_pl > 0 %}+{% endif %}{{ fmt_currency(row.realized_pl) }}
                {% if row.wash_sale %}
                  <span class="chip chip-confirm ml-1" title="Wash sale: {{ fmt_currency(row.disallowed_loss) }} disallowed">W</span>
                {% endif %}
              </td>
              <td class="text-label-2 num">{{ fmt_date(row.opened_date) }}</td>
              <td class="text-label-2 num">{{ fmt_date(row.closed_date) }}</td>
              <td class="text-label-2">{{ "LT" if row.term == "Long Term" else "ST" }}</td>
            </tr>
          {% endfor %}
        {% endif %}
      </tbody>
    </table>
  </div>

  {% if pagination is defined and pagination.total_pages > 1 %}
  <div class="flex items-center justify-between mt-3 text-[12px]">
    <div class="text-label-2">
      Showing {{ ((pagination.page - 1) * pagination.page_size) + 1 }}–{{ [pagination.page * pagination.page_size, pagination.total_rows]|min }} of {{ pagination.total_rows }}
    </div>
    <div class="flex items-center gap-3">
      {% if pagination.page > 1 %}
        <a class="text-label-1 hover:underline cursor-pointer"
           hx-get="/positions?view=closed&page={{ pagination.page - 1 }}&page_size={{ pagination.page_size }}{% if selected_period %}&period={{ selected_period }}{% endif %}{% if selected_account %}&account={{ selected_account }}{% endif %}"
           hx-target="#positions-tab-content"
           hx-swap="outerHTML">← Prev</a>
      {% else %}
        <span class="text-label-3">← Prev</span>
      {% endif %}
      <span class="text-label-2">Page {{ pagination.page }} / {{ pagination.total_pages }}</span>
      {% if pagination.page < pagination.total_pages %}
        <a class="text-label-1 hover:underline cursor-pointer"
           hx-get="/positions?view=closed&page={{ pagination.page + 1 }}&page_size={{ pagination.page_size }}{% if selected_period %}&period={{ selected_period }}{% endif %}{% if selected_account %}&account={{ selected_account }}{% endif %}"
           hx-target="#positions-tab-content"
           hx-swap="outerHTML">Next →</a>
      {% else %}
        <span class="text-label-3">Next →</span>
      {% endif %}
      <select class="text-label-2 bg-bg border border-hairline rounded px-1"
              hx-get="/positions?view=closed&page=1{% if selected_period %}&period={{ selected_period }}{% endif %}{% if selected_account %}&account={{ selected_account }}{% endif %}"
              hx-include="this"
              hx-target="#positions-tab-content"
              hx-swap="outerHTML"
              name="page_size">
        {% for size in pagination.page_size_options %}
          <option value="{{ size }}" {% if size == pagination.page_size %}selected{% endif %}>{{ size }} / page</option>
        {% endfor %}
      </select>
    </div>
  </div>
  {% endif %}
</div>