{% 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>{{ community['name'] or community['slug'] }}</h2>
    <a href="/admin/communities" class="admin-btn admin-btn-sm">All communities</a>
</div>

<div data-community-root data-busy="{{ 'true' if busy else 'false' }}">
<div data-live="status" aria-live="polite">
{% if busy %}
<p class="community-banner" role="status">A run or a discovery is in progress. This page updates by itself.</p>
{% endif %}
{% if not sync_enabled %}
<p class="community-banner" role="status">Community sync is switched off: live runs are refused, dry runs still work.</p>
{% endif %}
{% if community['last_error'] %}
<p class="community-banner" role="alert">{{ community['last_error'] }}</p>
{% endif %}
</div>

<div class="community-grid">
    <section class="community-panel" aria-labelledby="community-about">
        <h3 id="community-about">About</h3>
        <dl class="community-meta">
            <dt>Status</dt><dd><span class="community-status {{ community['status'] }}">{{ community['status'] }}</span></dd>
            <dt>Address</dt><dd><a href="{{ community['url'] }}" rel="noopener noreferrer" target="_blank">{{ community['url'] }}</a></dd>
            <dt>Origin</dt><dd>{{ community['origin'] }}</dd>
            <dt>Language</dt><dd>{{ community['language'] or '-' }}</dd>
            <dt>Members</dt><dd>{{ community['user_count'] or '-' }}</dd>
            <dt>Learned</dt><dd>{% if community['learned_at'] %}{{ local_dt(community['learned_at']) }}{% else %}-{% endif %}</dd>
            <dt>Description</dt><dd>{{ community['description'] or '-' }}</dd>
        </dl>
    </section>

    <section class="community-panel" aria-labelledby="community-schedule">
        <h3 id="community-schedule">Schedule</h3>
        <form method="POST" action="/admin/communities/{{ community['slug'] }}/update" class="community-add-form" aria-label="Schedule">
            <label for="community-interval">Run every (seconds)
                <input type="number" id="community-interval" name="interval_seconds" min="900" max="2592000" value="{{ community['interval_seconds'] }}">
            </label>
            <label for="community-enabled"><input type="checkbox" id="community-enabled" name="enabled" {% if community['enabled'] %}checked{% endif %}> Enabled</label>
            {% set opts = community['sync_options'] or {} %}
            <details class="community-login-fields" {% if opts.get('alias') or opts.get('translate_to') or opts.get('sample_percent', 100) < 100 %}open{% endif %}>
                <summary>Selection, identities and translation (all off by default)</summary>
                <label for="community-alias">Identity aliasing
                    <select id="community-alias" name="alias" class="admin-settings-select">
                        <option value="false" {% if not opts.get('alias') %}selected{% endif %}>Off: store original usernames</option>
                        <option value="true" {% if opts.get('alias') %}selected{% endif %}>On: permanent pseudonyms, every mention rewritten</option>
                    </select>
                </label>
                <label for="community-translate">Translate into (language code, empty = off)
                    <input type="text" id="community-translate" name="translate_to" maxlength="12" value="{{ opts.get('translate_to', '') }}" placeholder="en">
                </label>
                <label for="community-sample">Accept this percentage of new posts
                    <input type="number" id="community-sample" name="sample_percent" min="1" max="100" value="{{ opts.get('sample_percent', 100) }}">
                </label>
                <label for="community-min-comments">Minimum comments collected this run
                    <input type="number" id="community-min-comments" name="min_comments" min="0" max="1000" value="{{ opts.get('min_comments', 0) }}">
                </label>
                <label for="community-topics">Topic allow-list (comma separated, empty = all)
                    <input type="text" id="community-topics" name="topics" maxlength="500" value="{{ (opts.get('topics') or [])|join(', ') }}">
                </label>
                <label for="community-attachments">Download images and PDFs linked from posts
                    <select id="community-attachments" name="collect_attachments" class="admin-settings-select">
                        <option value="false" {% if not opts.get('collect_attachments') %}selected{% endif %}>Off</option>
                        <option value="true" {% if opts.get('collect_attachments') %}selected{% endif %}>On: store them as attachments</option>
                    </select>
                </label>
                <label for="community-jitter">Schedule jitter (percent of the interval)
                    <input type="number" id="community-jitter" name="jitter_percent" min="0" max="50" value="{{ opts.get('jitter_percent', 0) }}">
                </label>
            </details>
            <details class="community-login-fields" {% if community['has_login'] %}open{% endif %}>
                <summary>Login account {% if community['has_login'] %}(stored){% else %}(none){% endif %}</summary>
                <label for="community-login-username">Username
                    <input type="text" id="community-login-username" name="login_username" maxlength="200" value="{{ community['login_username'] }}" autocomplete="off">
                </label>
                <label for="community-login-email">Email
                    <input type="email" id="community-login-email" name="login_email" maxlength="254" value="{{ community['login_email'] }}" autocomplete="off">
                </label>
                <label for="community-login-password">Password (leave empty to keep the stored one)
                    <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>
                <label for="community-clear-login"><input type="checkbox" id="community-clear-login" name="clear_login"> Remove the stored account</label>
            </details>
            <button type="submit" class="admin-btn admin-btn-sm">Save</button>
        </form>
        <dl class="community-meta">
            <dt>Next run</dt><dd>{% if community['next_run_at'] %}{{ local_dt(community['next_run_at']) }}{% else %}-{% endif %}</dd>
            <dt>Runs</dt><dd>{{ community['run_count'] }} ({{ community['failure_count'] }} consecutive failures)</dd>
            {% for key, value in totals.items() %}<dt>{{ key.replace('_', ' ') }}</dt><dd>{{ value }}</dd>{% endfor %}
        </dl>
    </section>

    <section class="community-panel" aria-labelledby="community-actions" data-live="actions">
        <h3 id="community-actions">Actions</h3>
        <div class="admin-actions">
            <form method="POST" action="/admin/communities/{{ community['slug'] }}/run" class="admin-inline-form">
                <input type="hidden" name="dry_run" value="true">
                <button type="submit" class="admin-btn admin-btn-sm" {% if busy or community['status'] != 'ready' %}disabled{% endif %}>Dry run</button>
            </form>
            <form method="POST" action="/admin/communities/{{ community['slug'] }}/run" class="admin-inline-form">
                <button type="submit" class="admin-btn admin-btn-sm admin-btn-primary" data-confirm="Run now and write the collected users, posts and comments?" {% if busy or community['status'] != 'ready' or not sync_enabled %}disabled{% endif %}>Run now</button>
            </form>
            <a href="/admin/communities/{{ community['slug'] }}/schema" class="admin-btn admin-btn-sm">Edit schema</a>
            <form method="POST" action="/admin/communities/{{ community['slug'] }}/relearn" class="admin-inline-form">
                <button type="submit" class="admin-btn admin-btn-sm" {% if busy %}disabled{% endif %}>Relearn</button>
            </form>
            <form method="POST" action="/admin/communities/{{ community['slug'] }}/delete" class="admin-inline-form">
                <button type="submit" class="admin-btn admin-btn-sm" data-confirm-danger data-confirm="Delete this community? It moves to the trash. Content already synced stays." aria-label="Delete {{ community['name'] }}">Delete</button>
            </form>
        </div>
        {% if collectors_path %}<p class="admin-text-muted">Generated collectors: <code>{{ collectors_path }}</code> ({{ collectors_lines }} lines)</p>{% endif %}
    </section>
</div>

{% if rules %}
<section class="community-panel" aria-labelledby="community-rules">
    <h3 id="community-rules">Rules and guidelines (as published)</h3>
    <p>{{ rules }}</p>
</section>
{% endif %}

<h3>Learned feeds</h3>
<div class="admin-table-wrap">
<table class="admin-table">
    <caption class="sr-only">Feeds learned for this community</caption>
    <thead><tr><th scope="col">Feed</th><th scope="col">Type</th><th scope="col">Post fields</th><th scope="col">Comments</th><th scope="col">Pagination</th></tr></thead>
    <tbody>
        {% for feed in feeds %}
        <tr>
            <td><a href="{{ feed['url'] }}" rel="noopener noreferrer" target="_blank">{{ feed['url'] }}</a></td>
            <td>{{ feed['type'] }}<small class="admin-text-muted">{{ feed['list_path'] or feed['item_selector'] or '' }}</small></td>
            <td><small>{% for name, paths in feed['post_fields'].items() %}{{ name }}: {{ paths|join(' | ') if paths is not string else paths }}<br>{% endfor %}</small></td>
            <td>{{ feed['comments'] }}{% if feed['comments_reason'] %}<small class="admin-text-muted">{{ feed['comments_reason'] }}</small>{% endif %}</td>
            <td>{{ feed['pagination'] }}</td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="admin-empty">No feed learned yet.</td></tr>
        {% endfor %}
    </tbody>
</table>
</div>

<div class="admin-toolbar">
    <h3>Recent runs</h3>
    <a href="/admin/communities/{{ community['slug'] }}/ledger" class="admin-btn admin-btn-sm">Everything the sync did</a>
</div>
<div class="admin-table-wrap" data-live="runs">
<table class="admin-table ledger-table ledger-runs">
    <caption class="sr-only">The most recent runs of this community, newest first</caption>
    <thead>
        <tr>
            <th scope="col">Result</th>
            <th scope="col">Started</th>
            <th scope="col">What happened</th>
            <th scope="col">Mode</th>
            <th scope="col"><span class="sr-only">Open</span></th>
        </tr>
    </thead>
    <tbody>
        {% for run in runs %}
        <tr>
            <td data-label="Result">
                <span class="ledger-verdict-chip ledger-verdict-{{ run['verdict'] }}">{{ run['status'] }}</span>
                <small class="admin-text-muted">{{ run['headline'] }}</small>
            </td>
            <td data-label="Started">{{ local_dt(run['started_at']) }}{% if run['duration_seconds'] is not none %}<small class="admin-text-muted">{{ run['duration_seconds'] }}s</small>{% endif %}</td>
            <td data-label="What happened">
                <span class="ledger-chips">
                    {% for key, count in run['tally'].items() %}<span class="ledger-badge ledger-tone-{{ {'created': 'good', 'updated': 'good', 'unchanged': 'muted', 'stale': 'muted', 'skipped': 'warn', 'warning': 'warn'}.get(key, 'bad') }}">{{ count }} {{ key }}</span>{% else %}<span class="admin-text-muted">nothing</span>{% endfor %}
                </span>
            </td>
            <td data-label="Mode">{% if run['dry_run'] %}dry run{% else %}live{% endif %}<small class="admin-text-muted">{{ run['trigger'] }}</small></td>
            <td data-label="Open"><a href="/admin/communities/{{ community['slug'] }}/ledger?run={{ run['uid'] }}" class="admin-btn admin-btn-sm" aria-label="Open the log of the run started {{ run['started_at'] }}">Open</a></td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="admin-empty">No runs yet.</td></tr>
        {% endfor %}
    </tbody>
</table>
</div>
</div>
{% endblock %}