{% extends "base.html" %}

{% block title %}{{ category_name }} — {{ community_name }} — Multithreaded{% endblock %}

{% block head %}<meta name="description" content="{{ category_name }} threads in {{ community_name }}.">{% endblock %}

{% block header %}{% include "partials/site_header.html" %}{% endblock %}

{% block content %}
<div class="container">
    <div class="breadcrumb">
        <a href="/">Forums</a>
        <span class="sep">/</span>
        <a href="/p/{{ community_slug }}">{{ community_name }}</a>
        <span class="sep">/</span>
        {{ category_name }}
    </div>
    <div class="page-header">
        <h2>{{ category_name }}</h2>
        {% if session_user.is_some() %}
        <a href="/p/{{ community_slug }}/{{ category_slug }}/new" class="btn-primary">New Thread</a>
        {% endif %}
    </div>
    {% if !available_tags.is_empty() %}
    <div class="tag-filter">
        <span class="tag-filter-label">Tags:</span>
        <a href="?sort={{ sort_column }}&order={{ sort_order }}" class="tag-chip{% if active_tag.is_none() %} tag-active{% endif %}">all</a>
        {% for tag in available_tags %}
        <a href="?tag={{ tag.slug }}&sort={{ sort_column }}&order={{ sort_order }}" class="tag-chip{% if active_tag.as_deref() == Some(tag.slug.as_str()) %} tag-active{% endif %}">{{ tag.name }}</a>
        {% endfor %}
    </div>
    {% endif %}
    {% if threads.is_empty() %}
    <div class="empty-state">No threads yet. Start one.</div>
    {% else %}
    <table class="data-table">
        <thead>
            <tr>
                <th>Thread</th>
                <th class="col-author">Author</th>
                <th class="col-replies sortable{% if sort_column == "replies" %} sort-active{% endif %}">
                    <a href="?sort=replies&order={% if sort_column == "replies" && sort_order == "desc" %}asc{% else %}desc{% endif %}{% if let Some(tag) = active_tag %}&tag={{ tag }}{% endif %}">Replies{% if sort_column == "replies" %}{% if sort_order == "desc" %} ↓{% else %} ↑{% endif %}{% endif %}</a>
                </th>
                <th class="col-activity sortable{% if sort_column == "activity" %} sort-active{% endif %}">
                    <a href="?sort=activity&order={% if sort_column == "activity" && sort_order == "desc" %}asc{% else %}desc{% endif %}{% if let Some(tag) = active_tag %}&tag={{ tag }}{% endif %}">Last Activity{% if sort_column == "activity" %}{% if sort_order == "desc" %} ↓{% else %} ↑{% endif %}{% endif %}</a>
                </th>
            </tr>
        </thead>
        <tbody>
            {% for t in threads %}
            <tr{% if t.pinned && t.has_mention %} class="pinned mentioned"{% else if t.pinned %} class="pinned"{% else if t.has_mention %} class="mentioned"{% endif %} data-thread-id="{{ t.id }}" data-reply-count="{{ t.reply_count }}">
                <td class="thread-title">
                    {% if t.pinned %}<span class="badge badge-pinned">[pinned]</span> {% endif %}
                    {% if t.locked %}<span class="badge badge-locked">[locked]</span> {% endif %}
                    {% if t.has_mention %}<span class="badge badge-mention">@</span> {% endif %}
                    <a href="/p/{{ community_slug }}/{{ category_slug }}/{{ t.id }}">{{ t.title }}</a>
                    {% for tag in t.tags %}
                    <span class="tag-badge">{{ tag.name }}</span>
                    {% endfor %}
                </td>
                <td class="col-author"><a href="/p/{{ community_slug }}/u/{{ t.author_username }}">{{ t.author_name }}</a></td>
                <td class="col-replies">{{ t.reply_count }}</td>
                <td class="col-activity">{{ t.last_activity }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% if pagination.total_pages > 1 %}
    <nav class="pagination" aria-label="Page navigation">
        {% if pagination.has_prev %}
        <a href="?page={{ pagination.current_page - 1 }}&sort={{ sort_column }}&order={{ sort_order }}{% if let Some(tag) = active_tag %}&tag={{ tag }}{% endif %}" class="pagination-link">Previous</a>
        {% endif %}
        <span class="pagination-info">Page {{ pagination.current_page }} of {{ pagination.total_pages }}</span>
        {% if pagination.has_next %}
        <a href="?page={{ pagination.current_page + 1 }}&sort={{ sort_column }}&order={{ sort_order }}{% if let Some(tag) = active_tag %}&tag={{ tag }}{% endif %}" class="pagination-link">Next</a>
        {% endif %}
    </nav>
    {% endif %}
    {% endif %}
</div>
{% endblock %}