{% if not violations %}
  <div class="panel text-label-2 text-sm">No violations match these filters.</div>
{% else %}
  {# Build the lag-sort URL preserving current filters #}
  {% set lag_qs = [] %}
  {% if filter_ticker %}{% set _ = lag_qs.append('ticker=' ~ filter_ticker) %}{% endif %}
  {% if filter_account %}{% set _ = lag_qs.append('account=' ~ filter_account) %}{% endif %}
  {% if filter_year %}{% set _ = lag_qs.append('year=' ~ filter_year) %}{% endif %}
  {% if filter_confidence %}{% set _ = lag_qs.append('confidence=' ~ filter_confidence) %}{% endif %}
  {% set _ = lag_qs.append('sort=lag') %}
  {% set _ = lag_qs.append('order=' ~ next_lag_order) %}
  {% set lag_url = '/wash-sales?' ~ lag_qs|join('&') %}

  <div class="panel" style="padding:0; overflow:hidden;">
    {% for g in groups %}
      <div x-data="{ open: {{ 'true' if expand_default else 'false' }} }"
           class="last:border-b-0"
           style="border-bottom:0.5px solid rgba(255,255,255,0.08);">
        <button type="button" @click="open = !open"
                class="w-full flex justify-between items-center px-3 py-2 text-left hover:bg-surface-2">
          <div class="flex items-center gap-2">
            <span x-text="open ? '▾' : '▸'" class="text-label-3 font-mono"></span>
            <a href="/ticker/{{ g.ticker }}" class="font-mono text-primary underline">{{ g.ticker }}</a>
            <span class="text-xs text-label-2">{{ g.violation_count }} violation{{ '' if g.violation_count == 1 else 's' }}</span>
          </div>
          <div class="text-sm font-mono text-confirmed num">${{ "%.2f"|format(g.disallowed_total|float) }}</div>
        </button>

        <div x-show="open" x-cloak>
          <table class="net-table text-sm">
            <thead>
              <tr>
                <th class="w-28">Loss date</th>
                <th>Loss → Buy</th>
                <th class="w-28">Trigger date</th>
                <th class="w-20">
                  <a href="{{ lag_url }}" class="hover:underline">Lag {% if sort == 'lag' %}{{ '▼' if order == 'desc' else '▲' }}{% endif %}</a>
                </th>
                <th class="r w-28">Disallowed</th>
                <th class="r w-20">Matched qty</th>
                <th class="w-28">Confidence</th>
                <th class="w-32">Source</th>
              </tr>
            </thead>
            <tbody>
              {% for v in g.violations %}
                {% set lag = lag_days(v) %}
                {% set src = source_label(v) %}
                <tr class="hover:bg-surface-2">
                  <td class="px-3 py-2 font-mono">{{ v.loss_sale_date or "—" }}</td>
                  <td class="px-3 py-2">{{ v.loss_account or "—" }} → {{ v.buy_account or "—" }}</td>
                  <td class="px-3 py-2 font-mono">{{ v.triggering_buy_date or "—" }}</td>
                  <td class="px-3 py-2 font-mono num">{% if lag is not none %}{{ lag }}d{% else %}—{% endif %}</td>
                  <td class="r num text-confirmed">${{ "%.2f"|format(v.disallowed_loss) }}</td>
                  <td class="r num">{{ v.matched_quantity }}</td>
                  <td class="px-3 py-2"><span class="chip-{{ v.confidence|lower }}">{{ v.confidence }}</span></td>
                  <td class="px-3 py-2">
                    {% if src == "Schwab" %}
                      <span class="text-label-2 bg-surface-2 text-xs font-medium px-2 py-0.5 rounded">{{ src }}</span>
                    {% elif src == "Cross-account" %}
                      <span class="text-warn bg-warn/10 text-xs font-medium px-2 py-0.5 rounded">{{ src }}</span>
                    {% else %}
                      <span class="text-info bg-info/10 text-xs font-medium px-2 py-0.5 rounded">{{ src }}</span>
                    {% endif %}
                  </td>
                </tr>
              {% endfor %}
            </tbody>
          </table>
        </div>
      </div>
    {% endfor %}
  </div>
{% endif %}