{% extends "base.html" %}

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

{% block head %}<meta name="description" content="{% if let Some(desc) = community_description %}{{ desc }}{% else %}{{ community_name }} community forum on Multithreaded.{% endif %}">{% 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>
        {{ community_name }}
    </div>
    <div class="page-header">
        <h1>{{ community_name }}</h1>
        <span>
            <a href="/p/{{ community_slug }}/members" class="btn-secondary">members</a>
            {% if is_mod_or_owner %}
            <a href="/p/{{ community_slug }}/moderation" class="btn-secondary">moderation</a>
            {% endif %}
            {% if is_owner %}
            <a href="/p/{{ community_slug }}/settings" class="btn-secondary">settings</a>
            {% endif %}
        </span>
    </div>
    {% if let Some(desc) = community_description %}
    <p class="community-desc">{{ desc }}</p>
    {% endif %}
    {% if categories.is_empty() %}
    <div class="empty-state">No categories yet.</div>
    {% else %}
    <table class="directory-table">
        <thead>
            <tr>
                <th>Category</th>
                <th class="col-items">Threads</th>
            </tr>
        </thead>
        <tbody>
            {% for cat in categories %}
            <tr>
                <td>
                    <div class="directory-name"><a href="/p/{{ community_slug }}/{{ cat.slug }}">{{ cat.name }}</a></div>
                    {% if let Some(desc) = cat.description %}
                    <div class="directory-desc">{{ desc }}</div>
                    {% endif %}
                </td>
                <td class="col-items">{{ cat.thread_count }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% endif %}
</div>
{% endblock %}