{% extends "base.html" %}
{% block body %}
{% set stats = dashboard_stats|default({}) %}
{% set active_rows = active_activity_views|default([]) %}
{% set scheduled_rows = scheduled_activity_views|default([]) %}
{% set recent_rows = recent_activity_views|default([]) %}
{% set quota_rows = runner_quotas|default([]) %}
{% set shell_rows = runner_stats|default([]) %}
{% set event_rows = outbound_event_views|default([]) %}
<div class="ops-shell">
  <aside class="ops-sidebar" aria-label="brnrd navigation">
    <a class="brand-stack" href="/">
      <span class="brand-sigil" aria-hidden="true">⌬</span>
      <span><strong>BRNRD</strong><small>drain local · route wisely</small></span>
    </a>
    <nav class="ops-nav">
      <a class="active" href="/">Dashboard</a>
      <a href="#repos">Repositories</a>
      <a href="#runs">Runs</a>
      <a href="#schedule">Schedule</a>
      <a href="#quota">Clips & budget</a>
      <a href="#events">Events</a>
    </nav>
    {% if logged_in %}
      <div class="daemon-card">
        <span class="eyebrow">Local daemons</span>
        <strong>{{ stats.daemons_online|default(0) }} online</strong>
        <small>{{ stats.daemons_waiting|default(0) }} waiting · {{ stats.daemons_stale|default(0) }} stale</small>
      </div>
      <div class="sidebar-user">
        <span class="avatar-letter">{{ account.github_login[:1]|upper }}</span>
        <span><small>signed in</small><strong>@{{ account.github_login }}</strong></span>
      </div>
    {% else %}
      <div class="daemon-card">
        <span class="eyebrow">GitHub identity</span>
        <strong>Not signed in</strong>
        <small>Connect GitHub to route work into local agents.</small>
      </div>
    {% endif %}
  </aside>

  <main class="ops-main">
    <section class="ops-hero">
      <div>
        <p class="eyebrow">Command deck</p>
        <h1>Repos through brnrd</h1>
        <p class="lede">Install the GitHub App, enable repos, and route GitHub or Telegram prompts into local brr agents.</p>
      </div>
      <div class="hero-compass" aria-hidden="true">
        <span>✣</span>
      </div>
    </section>

    {% if logged_in %}
      {% if notice %}<div class="notice-banner">{{ notice }}</div>{% endif %}

      <section class="status-grid" aria-label="Operational status">
        <article class="status-card status-ok"><span>Signed in</span><strong>@{{ account.github_login }}</strong></article>
        <article class="status-card"><span>GitHub App</span><strong>{{ github_app_slug }}</strong></article>
        <article class="status-card"><span>Enabled repos</span><strong>{{ connected_count }} <small>of {{ stats.synced_repos|default(installed_repos|length) }} synced</small></strong></article>
        <article class="status-card"><span>Current work</span><strong>{{ stats.active_runs|default(0) }} active <small>{{ stats.pending_runs|default(0) }} pending</small></strong></article>
        <article class="status-card {% if stats.outbound_failures|default(0) %}status-warn{% endif %}"><span>Outbound events</span><strong>{{ stats.outbound_events|default(0) }} <small>{{ stats.outbound_failures|default(0) }} failed</small></strong></article>
      </section>

      <section class="ops-grid">
        <article id="repos" class="panel deck-panel span-5">
          <div class="section-heading">
            <div><p class="eyebrow">Repositories</p><h2>Daemon pairing</h2></div>
            <span class="pill">{{ connected_count }} enabled</span>
          </div>
          {% if repo_views %}
            <div class="repo-list">
              {% for row in repo_views %}
                {% set repo = row.repo %}
                <section class="repo-card daemon-{{ row.daemon_status }}">
                  <div class="repo-card-topline">
                    <div>
                      <strong>{{ repo.repo_full_name }}</strong>
                      <small>{{ repo.forge }}{% if repo.default_branch %} · {{ repo.default_branch }}{% endif %}</small>
                    </div>
                    <div class="repo-actions">
                      <span class="pill daemon-pill daemon-pill-{{ row.daemon_status }}">{{ row.daemon_label }}</span>
                      <details class="repo-menu">
                        <summary aria-label="Repo actions">⋯</summary>
                        <div class="repo-menu-popover">
                          <form method="post" action="/repos/{{ repo.id }}/telegram-pair">
                            <button class="menu-action" type="submit">Pair Telegram chat</button>
                          </form>
                          <form method="post" action="/repos/{{ repo.id }}/invite-bot">
                            <button class="menu-action" type="submit">Invite @{{ github_bot_user_login }}</button>
                          </form>
                          <form method="post" action="/repos/{{ repo.id }}/disconnect" onsubmit="return confirm('Disconnect {{ repo.repo_full_name }} from brnrd? This removes repo-scoped daemon tokens, events, and channel routes.');">
                            <button class="menu-danger" type="submit">Disconnect repo</button>
                          </form>
                        </div>
                      </details>
                    </div>
                  </div>
                  <p class="form-note">
                    {% if row.daemon_status == "online" %}
                      Last heartbeat {{ row.daemon_last_seen }}{% if row.latest_daemon_name %} from <code>{{ row.latest_daemon_name }}</code>{% endif %}.
                    {% elif row.daemon_status == "offline" %}
                      Last heartbeat {{ row.daemon_last_seen }}{% if row.latest_daemon_name %} from <code>{{ row.latest_daemon_name }}</code>{% endif %}. Start the local daemon to drain queued work.
                    {% else %}
                      This repo is enabled in brnrd. Pair a local daemon from a checkout when you want it to drain work.
                    {% endif %}
                  </p>
                  {% if row.daemon_status != "online" %}
                    <details class="setup-details">
                      <summary>Set up local daemon</summary>
                      <p class="form-note">Run from the local checkout for this repo.</p>
                      <pre class="setup-box"><code>{{ row.setup_command }}</code></pre>
                    </details>
                  {% endif %}
                </section>
              {% endfor %}
            </div>
          {% else %}
            <div class="empty-state"><strong>No repos enabled yet.</strong><p>Enable one of the synced GitHub repositories below, then pair a local brnrd daemon from that repo's checkout.</p></div>
          {% endif %}
        </article>

        <article id="runs" class="panel deck-panel span-7">
          <div class="section-heading">
            <div><p class="eyebrow">Current work</p><h2>Active runs</h2></div>
            <a class="button button-secondary button-compact" href="/activity">Open activity</a>
          </div>
          {% if active_rows %}
            <div class="activity-list compact-list">
              {% for row in active_rows %}
                {% set item = row.record %}
                <section class="activity-row status-{{ row.status_class }}">
                  <div class="activity-main">
                    <div>
                      <div class="activity-topline">
                        <span class="pill">{{ item.kind }}</span>
                        <span class="pill status-pill status-{{ row.status_class }}">{{ item.status or row.bucket }}</span>
                        {% if item.phase %}<span class="pill">{{ item.phase }}</span>{% endif %}
                      </div>
                      <strong>{{ row.summary_compact }}</strong>
                      <small>{{ row.repo_name }} · {{ row.source_label }}{% if item.conversation_key %} · {{ item.conversation_key }}{% endif %}</small>
                    </div>
                    <div class="activity-meta">
                      {% if row.runner_summary %}<span>{{ row.runner_summary }}</span>{% endif %}
                      {% if item.branch %}<span>{{ item.branch }}</span>{% endif %}
                      {% if row.elapsed_label %}<span>elapsed {{ row.elapsed_label }}</span>{% endif %}
                      <span>updated {{ row.updated_label }}</span>
                    </div>
                  </div>
                  {% if row.links %}
                    <div class="activity-links">
                      {% for label, href in row.links.items() %}{% if href %}<a href="{{ href }}">{{ label }}</a>{% endif %}{% endfor %}
                    </div>
                  {% endif %}
                </section>
              {% endfor %}
            </div>
          {% else %}
            <div class="empty-state"><strong>No active runs surfaced here yet.</strong><p>Running, pending, failed, and parked work will appear here once the dashboard aggregation layer passes activity records into this view.</p></div>
          {% endif %}
        </article>

        <article id="quota" class="panel deck-panel span-4">
          <div class="section-heading compact-heading"><div><p class="eyebrow">Budget</p><h2>Runner quotas</h2></div></div>
          {% if quota_rows %}
            <div class="quota-stack">
              {% for quota in quota_rows %}
                <section class="quota-card quota-{{ quota.status }}">
                  <div class="quota-head"><strong>{{ quota.shell }}</strong><span>{{ quota.status }}</span></div>
                  {% for window in quota.windows %}
                    <div class="quota-window">
                      <div><span>{{ window.label }}</span><small>{% if window.percent is not none %}{{ "%.0f"|format(window.percent) }}% left{% if window.reset %} · {{ window.reset }}{% endif %}{% elif window.used is not none %}{{ window.used }} / {{ window.limit }}{% else %}unknown{% endif %}</small></div>
                      <div class="quota-bar"><span style="width: {{ window.percent or 0 }}%"></span></div>
                    </div>
                  {% endfor %}
                  {% if quota.credits and quota.credits.summary %}
                    <div class="quota-window">
                      <div><span>credits</span><small>{{ quota.credits.summary }}</small></div>
                    </div>
                  {% endif %}
                </section>
              {% endfor %}
            </div>
          {% else %}
            <div class="empty-state tight"><strong>Quota provider pending.</strong><p>This panel is ready for 5h and weekly quota windows per shell.</p></div>
          {% endif %}
        </article>

        <article class="panel deck-panel span-4">
          <div class="section-heading compact-heading"><div><p class="eyebrow">Runners</p><h2>Shell load</h2></div></div>
          {% if shell_rows %}
            <div class="stat-table">
              {% for row in shell_rows %}
                <div><strong>{{ row.shell }}</strong><span>{{ row.running }} active · {{ row.pending }} pending · {{ row.scheduled }} scheduled · {{ row.completed }} done · {{ row.failed }} failed</span></div>
              {% endfor %}
            </div>
          {% else %}
            <div class="empty-state tight"><strong>No shell data yet.</strong><p>Runner distribution appears after daemons report activity.</p></div>
          {% endif %}
        </article>

        <article id="schedule" class="panel deck-panel span-4">
          <div class="section-heading compact-heading"><div><p class="eyebrow">Wake plan</p><h2>Scheduled work</h2></div></div>
          {% if scheduled_rows %}
            <div class="mini-list">
              {% for row in scheduled_rows %}
                <div class="mini-row"><span class="status-dot"></span><div><strong>{{ row.repo_name }}</strong><small>{{ row.summary_compact }}</small></div><time>{{ row.when_label }}</time></div>
              {% endfor %}
            </div>
          {% else %}
            <div class="empty-state tight"><strong>No scheduled runs.</strong><p>Scheduled wakes and respawns will land here.</p></div>
          {% endif %}
        </article>

        <article id="events" class="panel deck-panel span-6">
          <div class="section-heading compact-heading"><div><p class="eyebrow">Outbound</p><h2>Events</h2></div></div>
          {% if event_rows %}
            <div class="event-list">
              {% for row in event_rows %}
                <div class="event-row"><time>{{ row.time_label }}</time><span class="pill status-pill status-{{ row.status_class }}">{{ row.status }}</span><div><strong>[{{ row.source }}]</strong> {{ row.repo_name }}{% if row.summary %}<small>{{ row.summary }}</small>{% endif %}</div></div>
              {% endfor %}
            </div>
          {% else %}
            <div class="empty-state tight"><strong>No recent events.</strong><p>Commits, replies, PR/issue updates, and delivery failures should eventually be separated here.</p></div>
          {% endif %}
        </article>

        <article class="panel deck-panel span-6">
          <div class="section-heading compact-heading"><div><p class="eyebrow">System log</p><h2>Recent daemon reports</h2></div></div>
          {% if recent_rows %}
            <div class="system-log">
              {% for row in recent_rows %}
                {% set item = row.record %}
                <div><time>{{ row.short_when_label or "--:--:--" }}</time><span>[{{ row.source_label }}]</span><strong>{{ item.kind }}.{{ item.status or row.bucket }}</strong><em>{{ row.repo_name }}</em></div>
              {% endfor %}
            </div>
          {% else %}
            <div class="empty-state tight"><strong>No daemon reports.</strong><p>Current work reports are empty for now.</p></div>
          {% endif %}
        </article>

        <article class="panel deck-panel span-12">
          <div class="section-heading">
            <div>
              <p class="eyebrow">Available from GitHub</p>
              <h2>Installed repositories</h2>
              {% if installations %}
                <p class="form-note">Synced from {% for installation in installations %}<code>{{ installation.target_login or installation.installation_id }}</code>{% if not loop.last %}, {% endif %}{% endfor %}. Most recently pushed repos appear first.</p>
              {% endif %}
            </div>
            <div class="section-actions">
              <span class="pill">{{ installed_repos|length }} synced</span>
              {% if github_sync_configured %}
                <form method="post" action="/api/github/sync"><button class="button button-secondary button-compact" type="submit">Sync</button></form>
              {% endif %}
              <a class="button button-secondary button-compact" href="{{ install_url }}">Manage</a>
            </div>
          </div>
          {% if installed_repos %}
            <div class="installed-grid">
              {% for repo in installed_repos %}
                {% if loop.index <= 12 %}
                  <div class="binding-row">
                    <div><strong>{{ repo.repo_full_name }}</strong><small>{% if repo.default_branch %}default {{ repo.default_branch }}{% else %}default branch unknown{% endif %}</small></div>
                    {% if repo.repo_full_name|lower in connected_repo_names %}
                      <span class="pill pill-ok">Enabled</span>
                    {% else %}
                      <form method="post" action="/repos" class="inline-form">
                        <input type="hidden" name="repo_full_name" value="{{ repo.repo_full_name }}">
                        <input type="hidden" name="forge_repo_id" value="{{ repo.forge_repo_id or '' }}">
                        <input type="hidden" name="default_branch" value="{{ repo.default_branch or '' }}">
                        <button class="button button-secondary" type="submit">Enable brnrd</button>
                      </form>
                    {% endif %}
                  </div>
                {% endif %}
              {% endfor %}
            </div>
          {% else %}
            <div class="empty-state"><strong>No GitHub installation repos synced yet.</strong><p>Use <strong>Manage</strong> to install or reconfigure access, then return here. The dashboard will sync automatically; the <strong>Sync</strong> button is a manual fallback.</p></div>
          {% endif %}
        </article>
      </section>
    {% else %}
      <section class="panel deck-panel login-panel">
        <p class="eyebrow">GitHub identity</p>
        <h2>Sign in to continue</h2>
        <p class="panel-copy">Install the App and manage repos after GitHub login.</p>
        <a class="button button-primary" href="{{ signin_url }}">Sign in with GitHub</a>
      </section>
    {% endif %}
  </main>
</div>
{% endblock %}