{% extends "admin_base.html" %}
{% block extra_head %}
{{ super() }}
<link rel="stylesheet" href="{{ static_url('/static/css/communities.css') }}">
{% endblock %}
{% block admin_content %}
<div class="admin-toolbar">
    <h2>Communities</h2>
    <span class="admin-count">{{ items|length }}</span>
</div>

{% if not sync_enabled %}
<p class="community-banner" role="status">Community sync is switched off (<code>sync_enabled</code> in <a href="/admin/settings">settings</a>). Learning works, dry runs work, live runs are refused.</p>
{% endif %}
{% if not service_enabled %}
<p class="community-banner" role="status">The <a href="/admin/services/community">Community sync service</a> is stopped, so scheduled runs do not happen. New communities are still learned immediately.</p>
{% elif service_dry_run %}
<p class="community-banner" role="status">The service is in <strong>dry run</strong>: it collects and logs what it would do and writes nothing. Switch it off in the <a href="/admin/services/community">service configuration</a>.</p>
{% endif %}

<form method="POST" action="/admin/communities" class="community-add-form" aria-label="Add a community">
    <label for="community-query">Community name or address
        <input type="text" id="community-query" name="query" minlength="2" maxlength="200" required aria-required="true" placeholder="https://forum.example.com or a name to search for">
    </label>
    <details class="community-login-fields">
        <summary>Account for a login-protected community (optional)</summary>
        <label for="community-login-username">Username
            <input type="text" id="community-login-username" name="login_username" maxlength="200" autocomplete="off">
        </label>
        <label for="community-login-email">Email
            <input type="email" id="community-login-email" name="login_email" maxlength="254" autocomplete="off">
        </label>
        <label for="community-login-password">Password
            <input type="password" id="community-login-password" name="login_password" maxlength="500" autocomplete="new-password">
        </label>
        <label for="community-login-totp">Authenticator secret (only for two-factor accounts)
            <input type="password" id="community-login-totp" name="login_totp_secret" maxlength="200" autocomplete="off">
        </label>
    </details>
    <button type="submit" class="admin-btn admin-btn-primary">Discover</button>
</form>

<div class="admin-table-wrap">
<table class="admin-table">
    <caption class="sr-only">External communities synchronised into this instance</caption>
    <thead>
        <tr>
            <th scope="col">Community</th>
            <th scope="col">Status</th>
            <th scope="col">Runs</th>
            <th scope="col">Last run</th>
            <th scope="col">Next run</th>
        </tr>
    </thead>
    <tbody>
        {% for item in items %}
        <tr>
            <td>
                <a href="/admin/communities/{{ item['slug'] }}">{{ item['name'] or item['slug'] }}</a>
                <small class="admin-text-muted">{{ item['origin'] }}</small>
            </td>
            <td>
                <span class="community-status {{ item['status'] }}">{{ item['status'] }}</span>
                {% if not item['enabled'] %}<small class="admin-text-muted">disabled</small>{% endif %}
                {% if item['last_error'] %}<small class="admin-text-muted">{{ item['last_error'][:120] }}</small>{% endif %}
            </td>
            <td>{{ item['run_count'] }}{% if item['failure_count'] %} <small class="admin-text-muted">{{ item['failure_count'] }} failed</small>{% endif %}</td>
            <td>{% if item['last_run_at'] %}{{ local_dt(item['last_run_at']) }}{% else %}-{% endif %}</td>
            <td>{% if item['next_run_at'] %}{{ local_dt(item['next_run_at']) }}{% else %}-{% endif %}</td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="admin-empty">No communities yet. Enter a name or address above.</td></tr>
        {% endfor %}
    </tbody>
</table>
</div>
{% endblock %}