{# htmx partial: paginated contacts 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('contacts.table') }}?sort_by={{ col }}&sort_dir={{ new_dir }}&status={{ current_filters.status }}&source_profile={{ current_filters.source_profile }}&company={{ current_filters.company }}&search={{ current_filters.search }}&period={{ current_filters.period }}&date_from={{ current_filters.date_from }}&date_to={{ current_filters.date_to }}&page=1"
   hx-target="#contacts-table-wrapper"
   hx-swap="innerHTML">{{ label }}{{ arrow }}</a>
{% endmacro %}

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

<div class="data-table">
  <table>
    <thead>
      <tr>
        <th class="th-sortable">{{ sort_link('name', 'Name') }}</th>
        <th class="th-sortable">{{ sort_link('title', 'Title') }}</th>
        <th class="th-sortable">{{ sort_link('company', 'Company') }}</th>
        <th class="th-sortable">{{ sort_link('company_tier', 'Tier') }}</th>
        <th class="th-sortable">{{ sort_link('status', 'Status') }}</th>
        <th class="th-sortable">{{ sort_link('total_interactions', 'Total') }}</th>
        <th>{% if has_date_filter %}In Period{% else %}Last 30d{% endif %}</th>
        <th class="th-sortable">{{ sort_link('first_interaction', 'First Seen') }}</th>
        <th class="th-sortable">{{ sort_link('latest_interaction', 'Last Active') }}</th>
      </tr>
    </thead>
    <tbody>
      {% for c in contacts %}
      <tr>
        <td><a href="{{ url_for('contacts.detail', contact_id=c.id) }}">{{ c.name }}</a></td>
        <td>{{ c.title[:50] }}{% if c.title|length > 50 %}…{% endif %}</td>
        <td>{{ c.company }}</td>
        <td>{{ c.company_tier }}</td>
        <td><span class="status-badge status-{{ c.status|lower|replace(' ', '') }}">{{ c.status }}</span></td>
        <td>{{ c.total_interactions }}</td>
        <td>{{ c.last_30d }}</td>
        <td>{{ c.first_interaction }}</td>
        <td>{{ c.latest_interaction }}</td>
      </tr>
      {% else %}
      <tr><td colspan="9">No contacts found.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{# ── Pagination ── #}
{% if pages > 1 %}
<div class="pagination-bar">
  {% if page > 1 %}
  <a href="#"
     hx-get="{{ url_for('contacts.table') }}?page={{ page - 1 }}&sort_by={{ sort_by }}&sort_dir={{ sort_dir }}&status={{ current_filters.status }}&source_profile={{ current_filters.source_profile }}&company={{ current_filters.company }}&search={{ current_filters.search }}&period={{ current_filters.period }}&date_from={{ current_filters.date_from }}&date_to={{ current_filters.date_to }}"
     hx-target="#contacts-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('contacts.table') }}?page={{ p }}&sort_by={{ sort_by }}&sort_dir={{ sort_dir }}&status={{ current_filters.status }}&source_profile={{ current_filters.source_profile }}&company={{ current_filters.company }}&search={{ current_filters.search }}&period={{ current_filters.period }}&date_from={{ current_filters.date_from }}&date_to={{ current_filters.date_to }}"
         hx-target="#contacts-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('contacts.table') }}?page={{ page + 1 }}&sort_by={{ sort_by }}&sort_dir={{ sort_dir }}&status={{ current_filters.status }}&source_profile={{ current_filters.source_profile }}&company={{ current_filters.company }}&search={{ current_filters.search }}&period={{ current_filters.period }}&date_from={{ current_filters.date_from }}&date_to={{ current_filters.date_to }}"
     hx-target="#contacts-table-wrapper"
     hx-swap="innerHTML">Next &raquo;</a>
  {% endif %}
</div>
{% endif %}