{% extends "admin_base.html" %}
{% block extra_head %}
{{ super() }}
<link rel="stylesheet" href="{{ static_url('/static/css/communities.css') }}">
{% endblock %}
{% block admin_content %}
{% set slug = community['slug'] %}
{% set base_path = '/admin/communities/' ~ slug ~ '/ledger' %}
{% set run_param = ('run=' ~ run['uid'] ~ '&') if run else '' %}
<div class="admin-toolbar">
    <h2>{{ community['name'] or slug }} <small class="admin-text-muted">{% if run %}run log{% else %}everything the sync did{% endif %}</small></h2>
    <a href="/admin/communities/{{ slug }}" class="admin-btn admin-btn-sm">Back to community</a>
</div>

<div data-community-root data-busy="{{ 'true' if busy else 'false' }}">
<div data-live="verdict" aria-live="polite">
{% if run %}
<section class="ledger-verdict ledger-verdict-{{ verdict['level'] }}" role="status" aria-label="Run result">
    <strong class="ledger-verdict-title">{{ verdict['title'] }}</strong>
    <span class="ledger-verdict-text">{{ verdict['headline'] }}</span>
    <small class="ledger-verdict-meta">
        {{ local_dt(run['started_at']) }}
        &middot; {{ run['trigger'] }}
        &middot; {% if run['dry_run'] %}dry run{% else %}live{% endif %}
        {% if run['duration_seconds'] is not none %}&middot; {{ run['duration_seconds'] }}s{% endif %}
        &middot; {{ run['status'] }}
    </small>
</section>
{% else %}
<p class="ledger-intro">The most recent records across every run, problems first. Open a run from the community page to see exactly what that run did.</p>
{% endif %}
</div>

<div class="ledger-tiles" role="group" aria-label="Outcomes" data-live="tiles">
    <a class="ledger-tile ledger-tile-all {% if not filters.get('outcome') %}is-active{% endif %}" href="{{ base_path }}{% if run %}?run={{ run['uid'] }}{% endif %}">
        <span class="ledger-tile-count">{{ tiles|sum(attribute='listed') }}</span>
        <span class="ledger-tile-label">All listed</span>
    </a>
    {% for tile in tiles %}
    <a class="ledger-tile ledger-tone-{{ tile['tone'] }} {% if tile['count'] == 0 %}is-zero{% endif %} {% if filters.get('outcome') == tile['key'] %}is-active{% endif %}"
       href="{{ base_path }}?{{ run_param }}outcome={{ tile['key'] }}" title="{{ tile['help'] }}">
        <span class="ledger-tile-count">{{ tile['count'] }}</span>
        <span class="ledger-tile-label">{{ tile['label'] }}</span>
    </a>
    {% endfor %}
</div>

{% if run and run['items_dropped'] %}
<p class="community-banner" role="status">{{ run['items_dropped'] }} more records are not listed below: the list keeps at most a fixed number per run. The counts above are exact.</p>
{% endif %}
{% for error in run_errors %}
<p class="community-banner" role="alert">{{ error }}</p>
{% endfor %}

<form method="get" action="{{ base_path }}" class="ledger-filters" role="search" aria-label="Filter the sync log">
    {% if run %}<input type="hidden" name="run" value="{{ run['uid'] }}">{% endif %}
    <label for="ledger-kind">Kind
        <select id="ledger-kind" name="kind" class="admin-settings-select">
            <option value="">All</option>
            {% for value in options['kind'] %}<option value="{{ value }}" {% if filters.get('kind') == value %}selected{% endif %}>{{ value }}</option>{% endfor %}
        </select>
    </label>
    <label for="ledger-outcome">Result
        <select id="ledger-outcome" name="outcome" class="admin-settings-select">
            <option value="">All</option>
            {% for option in options['outcome'] %}<option value="{{ option['value'] }}" {% if filters.get('outcome') == option['value'] %}selected{% endif %}>{{ option['label'] }}</option>{% endfor %}
        </select>
    </label>
    <label for="ledger-reason">Why
        <select id="ledger-reason" name="reason" class="admin-settings-select">
            <option value="">Any reason</option>
            {% for option in options['reason'] %}<option value="{{ option['value'] }}" {% if filters.get('reason') == option['value'] %}selected{% endif %}>{{ option['title'] }}</option>{% endfor %}
        </select>
    </label>
    <label for="ledger-q">Search
        <input type="text" id="ledger-q" name="q" maxlength="80" value="{{ filters.get('q', '') }}" placeholder="title, name, id, detail">
    </label>
    <div class="ledger-filter-actions">
        <button type="submit" class="admin-btn admin-btn-sm admin-btn-primary">Filter</button>
        <a href="{{ base_path }}{% if run %}?run={{ run['uid'] }}{% endif %}" class="admin-btn admin-btn-sm">Clear</a>
    </div>
</form>

<div class="admin-table-wrap" data-live="items">
<table class="admin-table ledger-table">
    <caption class="sr-only">Records the sync handled, problems first</caption>
    <thead>
        <tr>
            <th scope="col">Result</th>
            <th scope="col">Kind</th>
            <th scope="col">Record</th>
            <th scope="col">Why</th>
            <th scope="col">Detail</th>
        </tr>
    </thead>
    <tbody>
        {% for item in items %}
        <tr class="ledger-row ledger-tone-{{ item['tone'] }}">
            <td data-label="Result"><span class="ledger-badge ledger-tone-{{ item['tone'] }}">{{ item['outcome'] }}</span></td>
            <td data-label="Kind">{{ item['kind'] }}</td>
            <td data-label="Record" class="ledger-record">
                <span class="ledger-label">{{ item['label'] or '(no title)' }}</span>
                <small class="admin-text-muted ledger-id">{{ item['origin_uid'] }}</small>
                <span class="ledger-links">
                    {% if item['local_url'] %}<a href="{{ item['local_url'] }}">Open here</a>{% endif %}
                    {% if item['source_url'] %}<a href="{{ item['source_url'] }}" rel="noopener noreferrer" target="_blank">Open at source</a>{% endif %}
                </span>
            </td>
            <td data-label="Why">
                {% if item['reason'] %}
                <strong>{{ item['reason_title'] }}</strong>
                <small class="admin-text-muted">{{ item['reason_text'] }}</small>
                {% if item['retried'] %}<small class="ledger-retry">Retried on the next run.</small>{% endif %}
                {% else %}<span class="admin-text-muted">-</span>{% endif %}
            </td>
            <td data-label="Detail"><small class="ledger-detail">{{ item['detail'] or '-' }}</small></td>
        </tr>
        {% else %}
        <tr><td colspan="5" class="admin-empty">{% if filters %}Nothing matches these filters.{% elif run and run['items_stored'] %}The record list of this run was removed: only the most recent runs keep it. The counts above and the log below are kept.{% elif run %}Nothing to list for this run: every record was unchanged, or nothing was collected.{% else %}Nothing has been synced yet.{% endif %}</td></tr>
        {% endfor %}
    </tbody>
</table>
</div>
{% if pagination['capped'] %}<p class="admin-text-muted">Showing the first {{ pagination['total'] }} matches. Narrow the filters to see the rest.</p>{% endif %}

{% include "_pagination.html" %}

<div data-live="log">
{% if run_log %}
<details class="community-panel ledger-log" data-keep-open>
    <summary>Full run log</summary>
    <pre class="community-log">{{ run_log }}</pre>
</details>
{% endif %}
</div>
</div>
{% endblock %}