{% extends "base.html" %}

{% block title %}Moderation — {{ 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>
        Moderation
    </div>
    <div class="page-header">
        <h1>Moderation</h1>
        <a href="/p/{{ community_slug }}/moderation/log" class="btn-secondary">mod log</a>
    </div>

    <div class="settings-section">
        <h3>Ban User</h3>
        <form method="post" action="/p/{{ community_slug }}/moderation/ban" class="form-container">
            <div class="form-row">
                <div class="form-group">
                    <label for="ban-username">Username</label>
                    <input type="text" id="ban-username" name="username" required placeholder="username">
                </div>
                <div class="form-group">
                    <label for="ban-duration">Duration</label>
                    <select id="ban-duration" name="duration">
                        <option value="permanent">Permanent</option>
                        <option value="1h">1 hour</option>
                        <option value="1d">1 day</option>
                        <option value="7d">7 days</option>
                        <option value="30d">30 days</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label for="ban-reason">Reason (optional)</label>
                <textarea id="ban-reason" name="reason" rows="2" class="textarea-short" maxlength="1024"></textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="primary">Ban User</button>
            </div>
        </form>
    </div>

    <div class="settings-section">
        <h3>Mute User</h3>
        <form method="post" action="/p/{{ community_slug }}/moderation/mute" class="form-container">
            <div class="form-row">
                <div class="form-group">
                    <label for="mute-username">Username</label>
                    <input type="text" id="mute-username" name="username" required placeholder="username">
                </div>
                <div class="form-group">
                    <label for="mute-duration">Duration</label>
                    <select id="mute-duration" name="duration">
                        <option value="permanent">Permanent</option>
                        <option value="1h">1 hour</option>
                        <option value="1d">1 day</option>
                        <option value="7d">7 days</option>
                        <option value="30d">30 days</option>
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label for="mute-reason">Reason (optional)</label>
                <textarea id="mute-reason" name="reason" rows="2" class="textarea-short" maxlength="1024"></textarea>
            </div>
            <div class="form-actions">
                <button type="submit" class="primary">Mute User</button>
            </div>
        </form>
    </div>

    <div class="settings-section">
        <h3>Pending Flags</h3>
        {% if pending_flags.is_empty() %}
        <div class="empty-state">No pending flags.</div>
        {% else %}
        <table class="settings-table">
            <thead>
                <tr>
                    <th>Thread</th>
                    <th>Flagged by</th>
                    <th>Reason</th>
                    <th>Detail</th>
                    <th>When</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for flag in pending_flags %}
                <tr>
                    <td><a href="/p/{{ community_slug }}/{{ flag.category_slug }}/{{ flag.thread_id }}#post-{{ flag.post_id }}">{{ flag.thread_title }}</a></td>
                    <td>{{ flag.flagger_username }}</td>
                    <td>{{ flag.reason }}</td>
                    <td>{{ flag.detail.as_deref().unwrap_or("-") }}</td>
                    <td class="settings-mono">{{ flag.created }}</td>
                    <td class="settings-actions">
                        <form method="post" action="/p/{{ community_slug }}/moderation/flags/{{ flag.flag_id }}/dismiss" class="form-inline">
                            <button type="submit" class="post-action-link">dismiss</button>
                        </form>
                        <form method="post" action="/p/{{ community_slug }}/moderation/flags/{{ flag.flag_id }}/remove" class="form-inline" onsubmit="return confirm('Remove this post and resolve all flags on it?')">
                            <button type="submit" class="post-action-link post-action-delete">remove post</button>
                        </form>
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% endif %}
    </div>

    <div class="settings-section">
        <h3>Active Bans &amp; Mutes</h3>
        {% if bans.is_empty() %}
        <div class="empty-state">No active bans or mutes.</div>
        {% else %}
        <table class="settings-table">
            <thead>
                <tr>
                    <th>User</th>
                    <th>Type</th>
                    <th>Reason</th>
                    <th>Expires</th>
                    <th>By</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                {% for ban in bans %}
                <tr>
                    <td>{{ ban.username }}</td>
                    <td>
                        {% if ban.ban_type == "ban" %}
                        <span class="badge badge-ban">ban</span>
                        {% else %}
                        <span class="badge badge-mute-type">mute</span>
                        {% endif %}
                    </td>
                    <td>{{ ban.reason.as_deref().unwrap_or("-") }}</td>
                    <td class="settings-mono">{{ ban.expires.as_deref().unwrap_or("never") }}</td>
                    <td class="settings-mono">{{ ban.banned_by }}</td>
                    <td class="settings-actions">
                        {% if ban.ban_type == "ban" %}
                        <form method="post" action="/p/{{ community_slug }}/moderation/unban" class="form-inline">
                            <input type="hidden" name="username" value="{{ ban.username }}">
                            <button type="submit" class="post-action-link">unban</button>
                        </form>
                        {% else %}
                        <form method="post" action="/p/{{ community_slug }}/moderation/unmute" class="form-inline">
                            <input type="hidden" name="username" value="{{ ban.username }}">
                            <button type="submit" class="post-action-link">unmute</button>
                        </form>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% endif %}
    </div>
</div>
{% endblock %}