{% extends "base.html" %}
{% set active_page = 'tax' %}
{% block title %}Tax · net-alpha{% endblock %}
{% block content %}
<div class="tax-page" data-active-tab="{{ tab_view if tab_view is defined else view }}">
  <div class="flex items-end justify-between flex-wrap gap-3 mb-4">
    <div>
      <h1>Tax</h1>
      <div class="text-[13px] text-label-2 mt-[3px]">
        {% if selected_accounts %}{{ selected_accounts | join(', ') }}{% else %}All accounts{% endif %}
      </div>
    </div>
  </div>
  {# Performance caveat: always show when filter active, even on empty DB. #}
  {% set _active_tab_for_caveat = tab_view if tab_view is defined else view %}
  {% if account_filter_active and _active_tab_for_caveat == "performance" and not has_any_tax_data %}
  <div class="text-[11px] text-warn px-3 py-2 rounded mb-3"
       data-testid="cf-taxpayer-caveat"
       style="background: rgba(255,159,10,0.08); border: 0.5px solid var(--color-warn);">
    Carryforward applied is taxpayer-level, not per-account. §1212(b) ST/LT netting and the §1211 $3,000 cap can't be partitioned by account.
  </div>
  {% endif %}
  {% if not has_any_tax_data %}
    {% with
       es_icon="landmark",
       es_title="No tax data yet",
       es_body="Realized P&L, wash sales, and the harvest planner light up after your first import.",
       es_primary_label="Take the tour",
       es_primary_href="/welcome",
       es_secondary_label="Import CSV",
       es_secondary_href="/imports"
    %}
      {% include "_empty_state_hero.html" %}
    {% endwith %}
  {% else %}
    {% if accounts_available %}
    {% import "_account_multi_select.html" as macros_acc %}
    <form method="get" action="/tax" class="kpi-card flex gap-3 items-end text-sm mb-2">
      {% if view %}<input type="hidden" name="view" value="{{ view }}">{% endif %}
      <div>
        <label class="label-uc">Account:</label>
        {{ macros_acc.account_multi_select(accounts_available, selected_accounts) }}
      </div>
    </form>
    {% endif %}
    <nav class="tabs mb-4" role="tablist">
      {% set tabs = [
        ("wash-sales", "Wash sales"),
        ("projection", "Projection"),
        ("performance", "Performance"),
      ] %}
      {% set _active_tab = tab_view if tab_view is defined else view %}
      {% for slug, label in tabs %}
        <a role="tab"
           class="tab {% if _active_tab == slug %}tab--active{% endif %}"
           href="/tax?view={{ slug }}{% for a in selected_accounts %}&account={{ a|urlencode }}{% endfor %}">
          {{ label }}
        </a>
      {% endfor %}
    </nav>
    <div id="tab-content" class="tab-content" role="tabpanel">
      {% set _active_tab = tab_view if tab_view is defined else view %}
      {% if _active_tab == "wash-sales" %}
        {% include "_tax_wash_sales_tab.html" with context %}
      {% elif _active_tab == "projection" %}
        {% include "_projection_tab.html" with context %}
      {% elif _active_tab == "performance" %}
        {% include "_tax_performance_panel.html" with context %}
      {% endif %}
    </div>
  {% endif %}
</div>
{% endblock %}