{% 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">
                <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>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">
                            <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">
                            <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">
                <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" onsubmit="return confirm('Delete this tag?')">
                            <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">
                <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 %}