{# htmx partial: paginated companies table #}

{% macro sort_link(col, label) %}
{% set new_dir = 'asc' if sort_by == col and sort_dir == 'desc' else 'desc' %}
{% if sort_by == col %}
  {% set arrow = ' ▲' if sort_dir == 'asc' else ' ▼' %}
  {% set active = ' sort-active' %}
{% else %}
  {% set arrow = ' ↕' %}
  {% set active = '' %}
{% endif %}
<a href="#" class="sort-link{{ active }}"
   hx-get="{{ url_for('companies.table') }}?sort_by={{ col }}&sort_dir={{ new_dir }}&tier={{ current_filters.tier }}&search={{ current_filters.search }}&period={{ current_filters.period }}&date_from={{ current_filters.date_from }}&date_to={{ current_filters.date_to }}&page=1"
   hx-target="#companies-table-wrapper"
   hx-swap="innerHTML">{{ label }}{{ arrow }}</a>
{% endmacro %}

<div class="table-info">{{ total }} companies found — page {{ page }} of {{ pages }}</div>

<div class="data-table">
  <table>
    <thead>
      <tr>
        <th class="th-sortable">{{ sort_link('company', 'Company') }}</th>
        <th class="th-sortable">{{ sort_link('tier', 'Tier') }}</th>
        <th class="th-sortable">{{ sort_link('icp_count', 'ICP Contacts') }}</th>
        <th class="th-sortable">{{ sort_link('total_interactions', 'Total Interactions') }}</th>
        <th class="th-sortable">{{ sort_link('last_30d', has_date_filter and 'In Period' or 'Last 30d') }}</th>
        <th class="th-sortable">{{ sort_link('first_seen', 'First Seen') }}</th>
        <th class="th-sortable">{{ sort_link('last_active', 'Last Active') }}</th>
      </tr>
    </thead>
    <tbody>
      {% for c in companies %}
      <tr>
        <td><a href="{{ url_for('companies.detail', company_name=c.company) }}">{{ c.company }}</a></td>
        <td>
          {% if c.tier %}
          {% set tier_css = 'tier' + c.tier|lower|replace(' ', '') %}
          <span class="tier-badge {{ tier_css }}">{{ tier_labels.get(c.tier, c.tier) }}</span>
          {% else %}
          —
          {% endif %}
        </td>
        <td>{{ c.icp_count }}</td>
        <td>{{ c.total_interactions }}</td>
        <td>{{ c.last_30d }}</td>
        <td>{{ c.first_seen or "—" }}</td>
        <td>{{ c.last_active or "—" }}</td>
      </tr>
      {% else %}
      <tr><td colspan="7">No companies found.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{# ── Pagination ── #}
{% if pages > 1 %}
<div class="pagination-bar">
  {% if page > 1 %}
  <a href="#"
     hx-get="{{ url_for('companies.table') }}?page={{ page - 1 }}&sort_by={{ sort_by }}&sort_dir={{ sort_dir }}&tier={{ current_filters.tier }}&search={{ current_filters.search }}&period={{ current_filters.period }}&date_from={{ current_filters.date_from }}&date_to={{ current_filters.date_to }}"
     hx-target="#companies-table-wrapper"
     hx-swap="innerHTML">&laquo; Prev</a>
  {% endif %}

  {% for p in range(1, pages + 1) %}
    {% if p == page %}
      <span class="pagination-current">{{ p }}</span>
    {% elif p <= 3 or p > pages - 3 or (p >= page - 2 and p <= page + 2) %}
      <a href="#"
         hx-get="{{ url_for('companies.table') }}?page={{ p }}&sort_by={{ sort_by }}&sort_dir={{ sort_dir }}&tier={{ current_filters.tier }}&search={{ current_filters.search }}&period={{ current_filters.period }}&date_from={{ current_filters.date_from }}&date_to={{ current_filters.date_to }}"
         hx-target="#companies-table-wrapper"
         hx-swap="innerHTML">{{ p }}</a>
    {% elif p == 4 or p == pages - 3 %}
      <span>…</span>
    {% endif %}
  {% endfor %}

  {% if page < pages %}
  <a href="#"
     hx-get="{{ url_for('companies.table') }}?page={{ page + 1 }}&sort_by={{ sort_by }}&sort_dir={{ sort_dir }}&tier={{ current_filters.tier }}&search={{ current_filters.search }}&period={{ current_filters.period }}&date_from={{ current_filters.date_from }}&date_to={{ current_filters.date_to }}"
     hx-target="#companies-table-wrapper"
     hx-swap="innerHTML">Next &raquo;</a>
  {% endif %}
</div>
{% endif %}