{# Positions tabs (§3.3 of UI/UX redesign spec).

   Caller passes `selected_view` (defaults to 'all') and any current
   query-string scope (`period`, `account`) so links preserve filter
   state across tab switches.
#}
{% set _v = selected_view|default('all') %}
<div class="tabs mb-4" role="tablist">
  {% for tab in [
    ('all',     'All',       positions_count|default('')),
    ('stocks',  'Stocks',    stocks_count|default('')),
    ('options', 'Options',   options_count|default('')),
    ('at-loss', 'At a loss', at_loss_count|default('')),
    ('closed',  'Closed',    ''),
    ('plan',    'Plan',      target_count|default('')),
  ] %}
    {% set key, label, count = tab %}
    <a href="/positions?view={{ key }}{% if selected_period %}&period={{ selected_period }}{% endif %}{% if selected_account %}&account={{ selected_account }}{% endif %}"
       class="tab{% if _v == key %} tab--active{% endif %}"
       role="tab"
       data-view-tab="{{ key }}">{{ label }}{% if count %}<span class="ml-1 text-label-2 text-[11px]">{{ count }}</span>{% endif %}</a>
  {% endfor %}
</div>