{% extends "base.html" %}

{% block title %}Statuses{% endblock %}

{% block content %}
<div class="page-header">
  <h1>Statuses</h1>
  <p>Browse and search collected posts, replies, and reposts.</p>
</div>

{# ── Filter Bar ──────────────────────────────────────────────────── #}
<form class="filter-bar" method="get" action="/statuses">
  <select name="account">
    <option value="">All Accounts</option>
    {% for acct in accounts %}
    <option value="{{ acct.did }}" {% if account_did == acct.did %}selected{% endif %}>
      @{{ acct.handle }}
    </option>
    {% endfor %}
  </select>

  <select name="type">
    <option value="">All Types</option>
    <option value="post" {% if post_type == 'post' %}selected{% endif %}>Post</option>
    <option value="reply" {% if post_type == 'reply' %}selected{% endif %}>Reply</option>
    <option value="repost" {% if post_type == 'repost' %}selected{% endif %}>Repost</option>
  </select>

  <input type="text" name="search" placeholder="Search text..." value="{{ search }}" style="min-width: 200px;">

  <select name="sort">
    <option value="created" {% if sort == 'created' %}selected{% endif %}>Created</option>
    <option value="likes" {% if sort == 'likes' %}selected{% endif %}>Likes</option>
    <option value="replies" {% if sort == 'replies' %}selected{% endif %}>Replies</option>
    <option value="reposts" {% if sort == 'reposts' %}selected{% endif %}>Reposts</option>
  </select>

  <select name="dir">
    <option value="desc" {% if direction == 'desc' %}selected{% endif %}>Desc</option>
    <option value="asc" {% if direction == 'asc' %}selected{% endif %}>Asc</option>
  </select>

  <button type="submit" class="btn btn-primary">Apply</button>
</form>

<div class="result-count">{{ total | format_number }} statuses found</div>

{# ── Posts Table ─────────────────────────────────────────────────── #}
<div class="table-wrapper">
  <table>
    <thead>
      <tr>
        <th>Author</th>
        <th>Text</th>
        <th>Type</th>
        <th>Created</th>
        <th class="text-right">Likes</th>
        <th class="text-right">Replies</th>
        <th class="text-right">Reposts</th>
      </tr>
    </thead>
    <tbody>
      {% for post in posts %}
      <tr>
        <td>
          {% if post.author_handle %}
          <a href="https://bsky.app/profile/{{ post.author_handle }}" target="_blank" rel="noopener">
            @{{ post.author_handle }}
          </a>
          {% else %}
          <span class="text-muted mono">{{ post.author_did[:20] }}...</span>
          {% endif %}
        </td>
        <td class="text-preview">
          <a href="/statuses/{{ encode_uri(post.uri) }}">
            {{ post.text | truncate_text(200) }}
          </a>
        </td>
        <td>
          {% if post.post_type == 'post' %}
            <span class="badge badge-post">Post</span>
          {% elif post.post_type == 'reply' %}
            <span class="badge badge-reply">Reply</span>
          {% elif post.post_type == 'repost' %}
            <span class="badge badge-repost">Repost</span>
          {% else %}
            <span class="badge">{{ post.post_type }}</span>
          {% endif %}
        </td>
        <td title="{{ post.created_at | format_dt }}">
          {{ post.created_at | time_ago }}
        </td>
        <td class="text-right">{{ post.like_count | format_number }}</td>
        <td class="text-right">{{ post.reply_count | format_number }}</td>
        <td class="text-right">{{ post.repost_count | format_number }}</td>
      </tr>
      {% else %}
      <tr>
        <td colspan="7" class="table-empty">No statuses found.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{# ── Pagination ──────────────────────────────────────────────────── #}
{% if total_pages > 1 %}
<div class="pagination">
  {% if page > 1 %}
    <a href="?account={{ account_did }}&type={{ post_type }}&search={{ search }}&sort={{ sort }}&dir={{ direction }}&page={{ page - 1 }}">Prev</a>
  {% else %}
    <span class="disabled">Prev</span>
  {% endif %}

  {% set start_page = [1, page - 3] | max %}
  {% set end_page = [total_pages, page + 3] | min %}

  {% if start_page > 1 %}
    <a href="?account={{ account_did }}&type={{ post_type }}&search={{ search }}&sort={{ sort }}&dir={{ direction }}&page=1">1</a>
    {% if start_page > 2 %}<span class="ellipsis">...</span>{% endif %}
  {% endif %}

  {% for p in range(start_page, end_page + 1) %}
    {% if p == page %}
      <span class="active">{{ p }}</span>
    {% else %}
      <a href="?account={{ account_did }}&type={{ post_type }}&search={{ search }}&sort={{ sort }}&dir={{ direction }}&page={{ p }}">{{ p }}</a>
    {% endif %}
  {% endfor %}

  {% if end_page < total_pages %}
    {% if end_page < total_pages - 1 %}<span class="ellipsis">...</span>{% endif %}
    <a href="?account={{ account_did }}&type={{ post_type }}&search={{ search }}&sort={{ sort }}&dir={{ direction }}&page={{ total_pages }}">{{ total_pages }}</a>
  {% endif %}

  {% if page < total_pages %}
    <a href="?account={{ account_did }}&type={{ post_type }}&search={{ search }}&sort={{ sort }}&dir={{ direction }}&page={{ page + 1 }}">Next</a>
  {% else %}
    <span class="disabled">Next</span>
  {% endif %}
</div>
{% endif %}
{% endblock %}