{% extends "base.html" %}

{% block content %}
<section class="section">
  <div class="container">
    <h1 class="title is-4">Codex Status</h1>
    <p class="subtitle is-6">Global per-user Codex task-sync status, runs, and approvals.</p>

    <article class="box">
      <div class="codex-inline-stats">
        <span><strong>Provider</strong> codex_cli</span>
        <span><strong>Health</strong> <span class="{% if health and health.ok %}has-text-success{% else %}has-text-danger{% endif %}">{% if health and health.ok %}online{% else %}offline{% endif %}</span></span>
        <span><strong>Pending</strong> {{ queue_counts.pending }}</span>
        <span><strong>Waiting Approval</strong> {{ queue_counts.waiting_approval }}</span>
      </div>
      {% if health and health.error %}
        <p class="help">Healthcheck error: <code>{{ health.error }}</code></p>
      {% endif %}
      <p class="help">Config snapshot: command=<code>{{ provider_settings.command }}</code>, workspace=<code>{{ provider_settings.workspace_root|default:"-" }}</code>, profile=<code>{{ provider_settings.default_profile|default:"-" }}</code>, instance=<code>{{ provider_settings.instance_label }}</code>, approver=<code>{{ provider_settings.approver_service }} {{ provider_settings.approver_identifier }}</code>.</p>
      <p class="help"><a href="{% url 'tasks_settings' %}">Edit in Task Settings</a>.</p>
    </article>

    <article class="box">
      <h2 class="title is-6">Run Filters</h2>
      <form method="get">
        <div class="columns is-multiline">
          <div class="column is-2">
            <label class="label is-size-7">Status</label>
            <input class="input is-small" name="status" value="{{ filters.status }}" placeholder="ok/failed/...">
          </div>
          <div class="column is-2">
            <label class="label is-size-7">Service</label>
            <input class="input is-small" name="service" value="{{ filters.service }}" placeholder="signal">
          </div>
          <div class="column is-3">
            <label class="label is-size-7">Channel</label>
            <input class="input is-small" name="channel" value="{{ filters.channel }}" placeholder="identifier">
          </div>
          <div class="column is-3">
            <label class="label is-size-7">Project</label>
            <div class="select is-small is-fullwidth">
              <select name="project">
                <option value="">All</option>
                {% for row in projects %}
                  <option value="{{ row.id }}" {% if filters.project == row.id|stringformat:"s" %}selected{% endif %}>{{ row.name }}</option>
                {% endfor %}
              </select>
            </div>
          </div>
          <div class="column is-2">
            <label class="label is-size-7">Date From</label>
            <input class="input is-small" type="date" name="date_from" value="{{ filters.date_from }}">
          </div>
        </div>
        <button class="button is-small is-link is-light" type="submit">Apply</button>
      </form>
    </article>

    <article class="box">
      <h2 class="title is-6">Runs</h2>
      <table class="table is-fullwidth is-size-7 is-striped">
        <thead><tr><th>When</th><th>Status</th><th>Service/Channel</th><th>Project</th><th>Task</th><th>Summary</th><th>Files</th><th>Links</th></tr></thead>
        <tbody>
          {% for run in runs %}
            <tr>
              <td>{{ run.created_at }}</td>
              <td>{{ run.status }}</td>
              <td>{{ run.source_service }} · <code>{{ run.source_channel }}</code></td>
              <td>{{ run.project.name|default:"-" }}</td>
              <td>{% if run.task %}<a href="{% url 'tasks_task' task_id=run.task.id %}">#{{ run.task.reference_code }}</a>{% else %}-{% endif %}</td>
              <td>{{ run.result_payload.summary|default:"-" }}</td>
              <td>{{ run.result_payload.files_modified_count|default:"0" }}</td>
              <td>
                <details>
                  <summary>Details</summary>
                  <p><strong>Request</strong></p>
                  <pre>{{ run.request_payload }}</pre>
                  <p><strong>Result</strong></p>
                  <pre>{{ run.result_payload }}</pre>
                  <p><strong>Error</strong> {{ run.error|default:"-" }}</p>
                </details>
              </td>
            </tr>
          {% empty %}
            <tr><td colspan="8">No runs.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </article>

    <article class="box">
      <h2 class="title is-6">Permission Queue</h2>
      <table class="table is-fullwidth is-size-7 is-striped">
        <thead><tr><th>Requested</th><th>Approval Key</th><th>Status</th><th>Summary</th><th>Permissions</th><th>Run</th><th>Task</th><th>Actions</th></tr></thead>
        <tbody>
          {% for row in permission_requests %}
            <tr>
              <td>{{ row.requested_at }}</td>
              <td><code>{{ row.approval_key }}</code></td>
              <td>{{ row.status }}</td>
              <td>{{ row.summary|default:"-" }}</td>
              <td><pre>{{ row.requested_permissions }}</pre></td>
              <td><code>{{ row.codex_run_id }}</code></td>
              <td>{% if row.codex_run.task %}<a href="{% url 'tasks_task' task_id=row.codex_run.task.id %}">#{{ row.codex_run.task.reference_code }}</a>{% else %}-{% endif %}</td>
              <td>
                {% if row.status == 'pending' %}
                  <form method="post" action="{% url 'codex_approval' %}" style="display:inline;">
                    {% csrf_token %}
                    <input type="hidden" name="request_id" value="{{ row.id }}">
                    <input type="hidden" name="decision" value="approve">
                    <button class="button is-small is-success is-light" type="submit">Approve</button>
                  </form>
                  <form method="post" action="{% url 'codex_approval' %}" style="display:inline;">
                    {% csrf_token %}
                    <input type="hidden" name="request_id" value="{{ row.id }}">
                    <input type="hidden" name="decision" value="deny">
                    <button class="button is-small is-danger is-light" type="submit">Deny</button>
                  </form>
                {% else %}
                  -
                {% endif %}
              </td>
            </tr>
          {% empty %}
            <tr><td colspan="8">No permission requests.</td></tr>
          {% endfor %}
        </tbody>
      </table>
    </article>
  </div>
</section>
<style>
  .codex-inline-stats {
    display: flex;
    gap: 0.95rem;
    flex-wrap: wrap;
    font-size: 0.92rem;
    margin-bottom: 0.25rem;
  }
  .codex-inline-stats span {
    white-space: nowrap;
  }
</style>
{% endblock %}