{% extends "base.html" %}

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

{% block head %}<meta name="robots" content="noindex">{% 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>
        Settings
    </div>
    <h2 class="section-heading">Community Settings</h2>

    <div class="settings-section">
        <h3>Community Details</h3>
        <div class="form-container">
            <form method="post" action="/p/{{ community_slug }}/settings">
            {% include "partials/csrf_input.html" %}
                <div class="form-group">
                    <label for="name">Name</label>
                    <input type="text" id="name" name="name" value="{{ community_name }}" required>
                </div>
                <div class="form-group">
                    <label for="description">Description</label>
                    <textarea id="description" name="description" class="textarea-medium" maxlength="2048">{{ community_description.as_deref().unwrap_or("") }}</textarea>
                </div>
                <div class="form-group">
                    <label for="auto_hide_threshold">Auto-hide flag threshold</label>
                    <input type="number" id="auto_hide_threshold" name="auto_hide_threshold" min="0" step="1" value="{{ auto_hide_threshold.unwrap_or(0) }}" class="input-narrow">
                    <span class="form-help">Posts with this many flags are auto-hidden. 0 = disabled.</span>
                </div>
                <div class="form-actions">
                    <button type="submit" class="primary">Save</button>
                </div>
            </form>
        </div>
    </div>

    <div class="settings-section">
        <h3>Chat</h3>
        <div class="form-container">
            <form method="post" action="/p/{{ community_slug }}/settings/chat">
            {% include "partials/csrf_input.html" %}
                <div class="form-group">
                    <label for="chat_policy">Who can use chat</label>
                    <select id="chat_policy" name="chat_policy">
                        {% for policy in chat_policies %}
                        <option value="{{ policy.as_str() }}"{% if policy.as_str() == chat_policy %} selected{% endif %}>{{ policy.label() }}</option>
                        {% endfor %}
                    </select>
                    <span class="form-help">
                        {% for policy in chat_policies %}{% if policy.as_str() == chat_policy %}{{ policy.describe() }}{% endif %}{% endfor %}
                    </span>
                </div>
                <div class="form-group">
                    <label for="retention_hours">Keep messages for</label>
                    <input type="number" id="retention_hours" name="retention_hours" min="1" max="{{ chat_max_retention_hours }}" step="1" value="{{ chat_retention_hours }}" class="input-narrow" required>
                    <span class="form-help">Hours, up to {{ chat_max_retention_hours }}. Chat is deleted on this schedule and there is no option to keep it forever. Shortening this applies to messages already sent.</span>
                </div>
                <div class="form-group">
                    <label for="max_messages">Keep at most</label>
                    <input type="number" id="max_messages" name="max_messages" min="1" max="{{ chat_message_ceiling }}" step="1" value="{{ chat_max_messages }}" class="input-narrow" required>
                    <span class="form-help">Messages, up to {{ chat_message_ceiling }}. A busy room is trimmed to this even before the time limit.</span>
                </div>
                <div class="form-actions">
                    <button type="submit" class="primary">Save</button>
                </div>
            </form>
        </div>

        {# Typed-slug confirmation, the same shape the admin clean slate uses.
           A button alone is one misclick away from destroying everyone's
           messages, and the server checks the phrase rather than trusting a
           dialog the client could skip. #}
        <div class="danger-zone">
            <p class="form-help">
                Delete every message in the room right now, rather than waiting for the
                retention window. <strong>This cannot be undone.</strong> It is recorded in
                the moderation log.
            </p>
            <p class="form-help">
                To confirm, type the community slug <code>{{ community_slug }}</code> below.
            </p>
            <form method="post" action="/p/{{ community_slug }}/settings/chat/wipe" class="form-container">
            {% include "partials/csrf_input.html" %}
                <div class="form-group">
                    <label for="wipe_confirm">Confirmation</label>
                    <input type="text" id="wipe_confirm" name="confirm" placeholder="{{ community_slug }}" autocomplete="off" required>
                </div>
                <div class="form-actions">
                    <button type="submit" class="danger">Delete all chat messages now</button>
                </div>
            </form>
        </div>
    </div>

    <div class="settings-section">
        <h3>Categories</h3>
        {% if categories.is_empty() %}
        <div class="empty-state">No categories yet.</div>
        {% else %}
        <table class="settings-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Slug</th>
                    <th>Order</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for cat in categories %}
                <tr>
                    <td>
                        <span class="settings-cat-name">{{ cat.name }}</span>
                        {% if let Some(desc) = cat.description %}
                        <span class="settings-cat-desc">{{ desc }}</span>
                        {% endif %}
                    </td>
                    <td class="settings-mono">{{ cat.slug }}</td>
                    <td class="settings-mono">{{ cat.sort_order }}</td>
                    <td class="settings-actions">
                        <a href="/p/{{ community_slug }}/settings/categories/{{ cat.id }}/edit" class="post-action-link">edit</a>
                        {% if !cat.is_first %}
                        <form method="post" action="/p/{{ community_slug }}/settings/categories/{{ cat.id }}/move" class="form-inline">
                        {% include "partials/csrf_input.html" %}
                            <input type="hidden" name="direction" value="up">
                            <button type="submit" class="post-action-link">up</button>
                        </form>
                        {% endif %}
                        {% if !cat.is_last %}
                        <form method="post" action="/p/{{ community_slug }}/settings/categories/{{ cat.id }}/move" class="form-inline">
                        {% include "partials/csrf_input.html" %}
                            <input type="hidden" name="direction" value="down">
                            <button type="submit" class="post-action-link">down</button>
                        </form>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% endif %}

        <h3 class="section-heading-top">Add Category</h3>
        <div class="form-container">
            <form method="post" action="/p/{{ community_slug }}/settings/categories/new">
            {% include "partials/csrf_input.html" %}
                <div class="form-row">
                    <div class="form-group">
                        <label for="cat-name">Name</label>
                        <input type="text" id="cat-name" name="name" required>
                    </div>
                    <div class="form-group">
                        <label for="cat-slug">Slug</label>
                        <input type="text" id="cat-slug" name="slug" placeholder="lowercase-with-hyphens" required>
                    </div>
                </div>
                <div class="form-group">
                    <label for="cat-description">Description (optional)</label>
                    <textarea id="cat-description" name="description" class="textarea-short" maxlength="1024"></textarea>
                </div>
                <div class="form-actions">
                    <button type="submit" class="primary">Add Category</button>
                </div>
            </form>
        </div>
    </div>

    <div class="settings-section">
        <h3>Tags</h3>
        {% if tags.is_empty() %}
        <div class="empty-state">No tags yet.</div>
        {% else %}
        <table class="settings-table">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Slug</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for tag in tags %}
                <tr>
                    <td>{{ tag.name }}</td>
                    <td class="settings-mono">{{ tag.slug }}</td>
                    <td class="settings-actions">
                        <form method="post" action="/p/{{ community_slug }}/settings/tags/delete" class="form-inline" data-confirm="Delete this tag?">
                        {% include "partials/csrf_input.html" %}
                            <input type="hidden" name="tag_id" value="{{ tag.id }}">
                            <button type="submit" class="post-action-link post-action-delete">delete</button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% endif %}

        <h3 class="section-heading-top">Add Tag</h3>
        <div class="form-container">
            <form method="post" action="/p/{{ community_slug }}/settings/tags/new">
            {% include "partials/csrf_input.html" %}
                <div class="form-row">
                    <div class="form-group">
                        <label for="tag-name">Name</label>
                        <input type="text" id="tag-name" name="name" required>
                    </div>
                    <div class="form-group">
                        <label for="tag-slug">Slug</label>
                        <input type="text" id="tag-slug" name="slug" placeholder="lowercase-with-hyphens" required>
                    </div>
                </div>
                <div class="form-actions">
                    <button type="submit" class="primary">Add Tag</button>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}