{% extends "base.html" %}

{% block title %}Multithreaded{% endblock %}

{% block head %}<meta name="description" content="Community forums.">{% endblock %}

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

{% block content %}
<div class="container">
    <div class="page-header">
        <h1>{% if viewing_archived %}Archived forums{% else %}Forums{% endif %}</h1>
        <div class="page-header-actions">
            {% if viewing_archived %}
            <a href="/">Back to active forums</a>
            {% else %}
            <a href="/?filter=archived">View archived</a>
            {% endif %}
        </div>
    </div>
    {% if communities.is_empty() %}
    <div class="empty-state">
        {% if viewing_archived %}No archived communities.{% else %}No communities yet.{% endif %}
    </div>
    {% else %}
    <table class="directory-table">
        <thead>
            <tr>
                <th>Community</th>
                <th class="col-type">Categories</th>
                <th class="col-items">Threads</th>
            </tr>
        </thead>
        <tbody>
            {% for c in communities %}
            <tr>
                <td>
                    <div class="directory-name"><a href="/p/{{ c.slug }}">{{ c.name }}</a></div>
                    {% if let Some(desc) = c.description %}
                    <div class="directory-desc">{{ desc }}</div>
                    {% endif %}
                </td>
                <td class="col-type">{{ c.category_count }}</td>
                <td class="col-items">{{ c.thread_count }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% include "partials/pagination.html" %}
    {% endif %}
</div>
{% endblock %}