{# Plan tab — pooled targets across all accounts. KPI strip + tag strip +
   sort/filter toolbar above a table of bullet-chart rows with inline tag
   chips. #}
<div id="plan-body">
  {% if plan_view is defined and plan_view and plan_view.rows %}
    {% include "_positions_plan_kpi_strip.html" %}
    {% if plan_view.tag_summaries %}
      {% include "_positions_plan_tag_strip.html" %}
    {% endif %}
    {% include "_positions_plan_toolbar.html" %}

    <div class="panel">
      <div class="text-[11px] text-label-2 mb-2">
        Pooled across accounts ·
        {{ pagination.total_rows if (pagination is defined) else plan_view.rows|length }}
        target{% if (pagination.total_rows if (pagination is defined) else plan_view.rows|length) != 1 %}s{% endif %}
        {% if plan_view.selected_tag %} · filtered: <strong>{{ plan_view.selected_tag }}</strong>{% endif %}
      </div>

      <table class="net-table w-full" style="font-size:12px;">
        <thead class="sticky top-0 z-10 bg-bg">
          <tr style="border-bottom: 0.5px solid var(--color-hairline); color: var(--color-label-2);">
            {% if plan_view.sort_key == 'manual' %}
              <th class="p-[7px] w-[24px]"><span class="sr-only">Drag handle</span></th>
            {% endif %}
            <th class="text-left p-[7px]">Symbol</th>
            <th class="r p-[7px]">Target</th>
            <th class="r p-[7px]">Current</th>
            <th class="r p-[7px]">Gap to fill</th>
            <th class="text-left p-[7px] w-[200px]">% Filled</th>
            <th class="r p-[7px]">Last</th>
            <th class="r p-[7px]"></th>
          </tr>
        </thead>
        <tbody id="plan-tbody" data-sort-mode="{{ plan_view.sort_key }}">
          {% for r in plan_view.rows %}
            {% include "_positions_plan_row.html" %}
          {% endfor %}
        </tbody>
      </table>

      {# Pagination footer — shared partial. #}
      {% set _qs = '&view=plan' %}
      {% if selected_account %}{% set _qs = _qs + '&account=' + selected_account %}{% endif %}
      {% if plan_view.selected_tag %}{% set _qs = _qs + '&tag=' + plan_view.selected_tag %}{% endif %}
      {% if plan_view.sort_key and plan_view.sort_key != 'alpha' %}{% set _qs = _qs + '&sort=' + plan_view.sort_key %}{% endif %}
      {% set page_base_url = '/positions' %}
      {% set page_extra_qs = _qs %}
      {% set page_target = '#positions-tab-content' %}
      {% set page_swap = 'outerHTML' %}
      {% include "_pagination_footer.html" %}
    </div>
  {% else %}
    <div class="panel py-12 text-center">
      <div class="text-label-2 text-[14px] mb-3">
        {% if plan_view and plan_view.selected_tag %}
          No targets match the <strong>{{ plan_view.selected_tag }}</strong> filter.
        {% else %}
          No targets yet.
        {% endif %}
      </div>
      <button type="button"
              class="text-[13px] px-3 py-1.5 rounded-md"
              style="background: var(--color-accent); color: white;"
              hx-get="/positions/plan/modal"
              hx-target="body"
              hx-swap="beforeend">+ Add target</button>
    </div>
  {% endif %}
</div>