{% if not all_violations %}
  <div class="kpi-card text-slate-500 text-sm">No violations in this period.</div>
{% else %}
  <table class="w-full text-sm bg-white rounded-lg shadow-sm border border-slate-200">
    <thead class="text-left text-xs text-slate-500 uppercase border-b border-slate-200">
      <tr>
        <th class="px-3 py-2">Loss date</th>
        <th class="px-3 py-2">Ticker</th>
        <th class="px-3 py-2">Buy date</th>
        <th class="px-3 py-2">Account(s)</th>
        <th class="px-3 py-2">Disallowed</th>
        <th class="px-3 py-2">Confidence</th>
      </tr>
    </thead>
    <tbody>
      {% for v in all_violations %}
        <tr class="row-hover border-b border-slate-100 last:border-b-0 cursor-pointer"
            onclick="window.location='/ticker/{{ v.ticker }}'">
          <td class="px-3 py-2 font-mono">{{ v.loss_sale_date }}</td>
          <td class="px-3 py-2 font-mono">{{ v.ticker }}</td>
          <td class="px-3 py-2 font-mono">{{ v.triggering_buy_date or "-" }}</td>
          <td class="px-3 py-2">
            {% if v.loss_account and v.buy_account and v.loss_account != v.buy_account %}
              {{ v.loss_account }} <span class="text-slate-400">→</span> {{ v.buy_account }}
            {% else %}
              {{ v.loss_account or v.buy_account or "-" }}
            {% endif %}
          </td>
          <td class="px-3 py-2 font-mono text-confirmed">${{ "%.2f"|format(v.disallowed_loss) }}</td>
          <td class="px-3 py-2"><span class="badge-{{ v.confidence|lower }}">{{ v.confidence }}</span></td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
{% endif %}