{% extends "base.html" %}
{% block title %}Admin - craft-dashboard{% endblock %}
{% block content %}
<h2>Admin</h2>
{% include "admin/partials/tabs.html" %}

<div class="row--25-75">
  <div class="col">
    <h3>System status</h3>
    <p>Live status and GitHub API budgets.</p>
  </div>
  <div class="col">
    <div
      data-system-status-poller
      hx-get="/admin/status"
      hx-trigger="load, every 60s"
      hx-swap="none"
      hx-indicator="#loading-indicator"
    >
      <div class="system-status-badges" aria-label="Collection and evaluation status">
        <span class="system-status-indicator" data-system-status-kind="collection" title="Collection idle">
          <span class="system-status-dot"></span>
          <span>Collection</span>
        </span>
        <span class="system-status-indicator" data-system-status-kind="evaluation" title="Evaluation idle">
          <span class="system-status-dot"></span>
          <span>Evaluation</span>
        </span>
      </div>
    </div>
    <div class="status-grid">
      <div class="status-card">
        <h4>Next open-issue fetch</h4>
        <p>{{ next_expected_fetch | local_datetime("Unknown") }}</p>
        <p class="status-detail">Polling every 10 minutes</p>
      </div>
      <div class="status-card">
        <h4>REST API budget</h4>
        <p>{{ api_budget.core_remaining ~ " / " ~ api_budget.core_limit ~ " remaining" if api_budget else "Unknown" }}</p>
      </div>
      <div class="status-card">
        <h4>GraphQL API budget</h4>
        <p>{{ api_budget.graphql_remaining ~ " / " ~ api_budget.graphql_limit ~ " remaining" if api_budget else "Unknown" }}</p>
      </div>
      <div class="status-card">
        <h4>Hourly full-project refresh</h4>
        <p>Newest: {{ system_status.most_recent_full_refresh | local_datetime("Unknown") }}</p>
        <p class="status-detail">Oldest (up next): {{ system_status.most_overdue_full_refresh | local_datetime("Unknown") }}</p>
        {% if system_status.full_refresh_failing_count %}
        <p class="status-detail">
          <a href="#refresh-schedule">{{ system_status.full_refresh_failing_count }} project{{ "s" if system_status.full_refresh_failing_count != 1 else "" }} currently failing &darr;</a>
        </p>
        {% else %}
        <p class="status-detail">No projects currently failing</p>
        {% endif %}
      </div>
    </div>
  </div>
</div>

<hr class="p-rule" />

<div class="row--25-75">
  <div class="col">
    <h3>Run history</h3>
    <p>Collection run history. Click any row to see which issues were collected.</p>
  </div>
  <div class="col">
    {% if collection_runs %}
    <table>
      <thead>
        <tr>
          <th>Source</th>
          <th>Started</th>
          <th>Status</th>
          <th>Projects</th>
          <th>Issues</th>
          <th>Duration</th>
          <th>Errors</th>
        </tr>
      </thead>
      <tbody>
        {% for run in collection_runs %}
        <tr class="run-row" data-run-id="{{ run.id }}" style="cursor: pointer;" title="Click to expand issues collected in this run">
          <td>{{ run.source }}</td>
          <td>
            {% if run.started_at %}
            {{ run.started_at | local_datetime }}
            {% else %}—{% endif %}
          </td>
          <td>
            {% if run.status == "failed" %}
            <span style="color: var(--color-error, #c0392b); font-weight: 600;">{{ run.status }}</span>
            {% elif run.status == "interrupted" %}
            <span style="color: var(--app-caution, #e67e22);" title="Process was killed mid-run (container restart or OOM)">{{ run.status }}</span>
            {% elif run.status == "running" %}
            <span style="color: var(--color-warning, #e67e22);">{{ run.status }}</span>
            {% elif run.errors %}
            <span style="color: var(--color-warning, #e67e22);" title="Completed with errors">{{ run.status }} ⚠</span>
            {% else %}
            {{ run.status }}
            {% endif %}
          </td>
          <td>{{ run.projects_processed }}</td>
          <td>{{ run.issues_collected }}</td>
          <td>
            {% if run.status == "running" and run.started_at %}
            <span class="run-elapsed" data-started-at="{{ run.started_at.strftime('%Y-%m-%dT%H:%M:%SZ') }}">running…</span>
            {% else %}
            {{ run.duration_seconds | format_duration if run.duration_seconds is not none else "—" }}
            {% endif %}
          </td>
          <td>
            {% if run.errors %}
            <ul style="margin: 0; padding-left: 1rem;">
              {% for error in run.errors %}
              <li>{{ error.project or error.source or "run" }}: {{ error.error }}</li>
              {% endfor %}
            </ul>
            {% else %}
            —
            {% endif %}
          </td>
        </tr>
        <tr class="run-detail-row" id="run-detail-{{ run.id }}" style="display: none;">
          <td colspan="7" id="run-detail-content-{{ run.id }}" style="padding: 0.5rem 1rem 1rem; background: var(--color-mid-light, #f5f5f5);"></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    <script>
      (function () {
        function formatElapsed(startedAt) {
          var seconds = Math.max(0, Math.floor((Date.now() - startedAt.getTime()) / 1000));
          var m = Math.floor(seconds / 60);
          var s = seconds % 60;
          return m + "m " + s + "s";
        }
        function tickElapsed() {
          document.querySelectorAll('.run-elapsed').forEach(function (el) {
            var started = new Date(el.dataset.startedAt);
            el.textContent = formatElapsed(started) + " (running)";
          });
        }
        tickElapsed();
        setInterval(tickElapsed, 1000);
      })();
    </script>
    <script>
      (function () {
        document.querySelectorAll('.run-row').forEach(function (row) {
          row.addEventListener('click', function () {
            var runId = this.dataset.runId;
            var detailRow = document.getElementById('run-detail-' + runId);
            if (detailRow.style.display !== 'none') {
              detailRow.style.display = 'none';
              return;
            }
            detailRow.style.display = '';
            var content = document.getElementById('run-detail-content-' + runId);
            if (content.dataset.loaded) return;
            content.innerHTML = '<span style="color:var(--app-text-muted)">Loading\u2026</span>';
            htmx.ajax('GET', '/admin/collection-runs/' + runId + '/issues', {
              target: '#run-detail-content-' + runId,
              swap: 'innerHTML',
            });
            content.dataset.loaded = '1';
          });
        });
      })();
    </script>
    {% else %}
    <p style="color: var(--app-text-muted); margin-top: 1rem;">No recent collection runs.</p>
    {% endif %}
  </div>
</div>

<hr class="p-rule" />

<div class="row--25-75" id="refresh-schedule">
  <div class="col">
    <h3>Refresh schedule</h3>
    <p>
      Open issues refresh every 10 minutes. Each hour, the project that has gone longest without a full sync (open and closed issues) is refreshed. The top row is up next in the rotation. Failure counters track consecutive failures; projects with recent intermittent failures in the last 24 hours show a caution indicator.
    </p>
  </div>
  <div class="col">
    {% if project_refresh_list %}
    <table>
      <thead>
        <tr>
          <th>Project</th>
          <th>Source</th>
          <th>Last open poll</th>
          <th>Last full refresh</th>
          <th>Next full refresh</th>
          <th title="Consecutive failures on the latest runs. Transient failures that succeed on the next run reset to 0.">Consecutive failures</th>
        </tr>
      </thead>
      <tbody>
        {% for entry in project_refresh_list %}
        <tr>
          <td><strong>{{ entry.project }}</strong></td>
          <td>{{ entry.source }}</td>
          <td style="font-size: 0.875rem;">
            {% if entry.last_open_poll_at %}
              {{ entry.last_open_poll_at | local_datetime }}
              {% if entry.last_open_poll_issues_collected is not none %}
              <span style="color: var(--app-text-muted);">({{ entry.last_open_poll_issues_collected }} issues)</span>
              {% endif %}
            {% else %}
              <span style="color: var(--app-text-muted);">—</span>
            {% endif %}
          </td>
          <td style="font-size: 0.875rem;">
            {% if entry.last_refreshed_at %}
              {% set h = entry.hours_since_last %}
              {{ entry.last_refreshed_at | local_datetime }}
              <span style="color: var(--app-text-muted);">
                {% if h is not none and h == 0 %}
                  (less than 1 hour ago)
                {% elif h is not none and h == 1 %}
                  (1 hour ago)
                {% elif h is not none and h < 48 %}
                  ({{ h }} hours ago)
                {% else %}
                  ({{ entry.days_since_last }} days ago)
                {% endif %}
                {% if entry.last_full_refresh_issues_collected is not none %}
                  &bull; {{ entry.last_full_refresh_issues_collected }} issues
                {% endif %}
                {% if entry.last_full_refresh_duration_seconds is not none %}
                  &bull; {{ entry.last_full_refresh_duration_seconds | format_duration }}
                {% endif %}
              </span>
            {% else %}
              <span style="color: var(--app-text-muted);">never</span>
            {% endif %}
          </td>
          <td style="font-size: 0.875rem;">
            {{ entry.next_refresh_at | local_datetime }}
            <span style="color: var(--app-text-muted);">
              {% if loop.first %}
                (up next)
              {% elif entry.next_refresh_hours == 1 %}
                (in ~1 hour)
              {% else %}
                (in ~{{ entry.next_refresh_hours }} hours)
              {% endif %}
            </span>
          </td>
          <td style="font-size: 0.875rem;">
            {% if entry.consecutive_failures > 0 or entry.open_poll_consecutive_failures > 0 %}
              {% if entry.consecutive_failures > 0 %}
              <span style="color: var(--color-error, #c0392b);" title="Full refresh: {{ entry.last_error or 'error' }}">
                Full: {{ entry.consecutive_failures }}
              </span>
              {% endif %}
              {% if entry.open_poll_consecutive_failures > 0 %}
              <span style="color: var(--app-caution, #e67e22);" title="Open poll: {{ entry.open_poll_last_error or 'error' }}">
                Poll: {{ entry.open_poll_consecutive_failures }}
              </span>
              {% endif %}
            {% elif entry.recent_failures_24h > 0 %}
              <span style="color: var(--app-caution, #e67e22);" title="Recovered. {{ entry.recent_failures_24h }} error{{ 's' if entry.recent_failures_24h != 1 else '' }} in last 24h. Last: {{ entry.recent_last_error or '' }}">
                0 ({{ entry.recent_failures_24h }} in 24h ⚠)
              </span>
            {% else %}
              <span style="color: var(--color-success, #27ae60);">0</span>
            {% endif %}
          </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% else %}
    <p style="font-size: 0.875rem; color: var(--app-text-muted);">No refresh schedule data. Run a collection first.</p>
    {% endif %}
  </div>
</div>

<hr class="p-rule" />

<div class="row--25-75">
  <div class="col">
    <h3>Recent activity</h3>
    <p>Latest issue activity across tracked repositories.</p>
  </div>
  <div class="col">
    {% include "admin/_recent_activity_rows.html" %}
    <script>
      (function () {
        document.querySelectorAll('time.local-time').forEach(function (el) {
          try {
            var d = new Date(el.getAttribute('datetime'));
            el.textContent = d.toLocaleString(undefined, {
              year: 'numeric', month: '2-digit', day: '2-digit',
              hour: '2-digit', minute: '2-digit',
            });
          } catch (e) {}
        });
      })();
    </script>
  </div>
</div>
{% endblock %}