{% extends "admin_base.html" %}
{% import "macros/admin_management_header.html" as mh %}

{% block page_title %}Live Activity{% endblock %}

{% block extra_head %}
<link rel="stylesheet" href="/plugins/activity-viewer/assets/css/activity-viewer.css">
{% endblock %}

{% block admin_content %}
{% if error is defined and error == "root_only" %}
<div class="mx-auto w-full max-w-5xl px-4 py-6" data-plugin="activity-viewer">
    <p class="text-muted">{% if message is defined %}{{ message }}{% else %}Live Activity is only available on the config tenant.{% endif %}</p>
</div>
{% else %}
<div class="mx-auto w-full max-w-5xl space-y-4 px-4 py-6" data-plugin="activity-viewer"
     id="activity-viewer-root"
     data-stream-url="{% if stream_url is defined %}{{ stream_url }}{% else %}/api/platform-activity{% endif %}"
     data-persist-enabled="{% if persist_enabled is defined %}{{ persist_enabled }}{% else %}false{% endif %}"
     data-persist-destination="{% if persist_destination is defined %}{{ persist_destination }}{% else %}none{% endif %}"
     data-persist-active="{% if persist_active is defined %}{{ persist_active }}{% else %}false{% endif %}"
     data-local-log-retention-days="{% if local_log_retention_days is defined %}{{ local_log_retention_days }}{% else %}7{% endif %}"
     data-max-lines="{% if max_lines is defined %}{{ max_lines }}{% else %}500{% endif %}">

    {{ mh::management_header_open(title="Live Activity", subtitle="Realtime page opens and login/logout across all tenants. Events are not saved unless persistence is enabled later.") }}
            <div class="flex flex-wrap items-center gap-2">
                <span class="inline-flex items-center gap-2 text-sm text-muted" id="av-status">
                    <span class="h-2 w-2 rounded-full bg-slate-400" id="av-status-dot" aria-hidden="true"></span>
                    <span id="av-status-text" role="status" aria-live="polite">Connecting…</span>
                </span>
                <button type="button" class="blocks-button blocks-button-secondary blocks-button-sm" id="av-pause" aria-pressed="false">
                    <i class="fas fa-pause"></i> <span class="hidden sm:inline">Pause</span>
                </button>
                <button type="button" class="blocks-button blocks-button-secondary blocks-button-sm" id="av-clear">
                    <i class="fas fa-eraser"></i> <span class="hidden sm:inline">Clear</span>
                </button>
            </div>
    {{ mh::management_header_close() }}

    <p class="text-sm text-muted" id="av-persist-hint"></p>

    <div class="max-h-[calc(100vh-16rem)] min-h-80 overflow-auto rounded-xl border border-divider bg-surface" role="log" aria-label="Live platform activity" aria-live="polite" aria-relevant="additions">
        <div class="space-y-1 p-3 font-mono text-sm" id="av-feed">
            <div class="p-6 text-center text-muted" id="av-empty">Waiting for activity…</div>
        </div>
    </div>
</div>
{% endif %}
{% endblock %}

{% block scripts %}
{% if error is not defined or error != "root_only" %}
<script src="/plugins/activity-viewer/assets/js/activity-viewer.js"></script>
{% endif %}
{% endblock %}