{% extends "base.html" %}

{% block content %}
  <section class="section">
    <div class="container gia-page-shell">
      <div class="gia-page-header">
        <div>
          <h1 class="title is-4">Codex Status</h1>
          <p class="subtitle is-6">Worker-backed task sync status, runs, and approvals for the canonical GIA task store.</p>
        </div>
      </div>

      <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 Automation</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">Approvals 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 %}