{# Sailfish Debugger — main page rendered into Airflow 2.x's FAB layout.
   This template intentionally avoids extending airflow_main.html because
   that file has moved across the 2.4 -> 2.10 series. We fall back to the
   plain FAB base, which works across the entire supported 2.x window. #}
{% extends "appbuilder/base.html" %}

{% block title %}Sailfish Debugger{% endblock %}

{% block content %}
<div class="container" style="margin-top: 1.5em;">
  {# Connected/Offline pill renders right next to the title — anchored to
     the page header so the operator can see at a glance whether the
     plugin can reach Sailfish before scanning further down. #}
  <div style="display:flex; align-items:center; gap:0.75em;">
    <h2 style="margin:0;">Sailfish Debugger</h2>
    {% if connection_status == "connected" %}
      <span class="label label-success" style="font-size:0.7em;">Connected</span>
    {% else %}
      <span class="label label-danger" style="font-size:0.7em;"
            title="{{ connection_error or 'no connection' }}">Offline</span>
    {% endif %}
  </div>

  {% if save_status == "saved" %}
    <div class="alert alert-success" style="margin-top:1em;">
      Policy saved. Future task runs will use the new contract.
    </div>
  {% endif %}

  {% if connection_status != "connected" %}
    <div class="alert alert-warning" style="margin-top:1em;">
      Cannot reach Sailfish at <code>{{ sailfish_base_url }}</code>
      ({{ connection_error or "unknown error" }}). Saves are disabled.
      Check that <code>SAILFISH_API_KEY</code> is set and that
      <code>SAILFISH_BASE_URL</code> is reachable from this Airflow
      scheduler / webserver.
    </div>
  {% endif %}

  {# Active Captures — populated when Sailfish AI (or a customer operator)
     has armed one or more captures targeting DAGs/tasks in this Airflow.
     The list resets to empty when nothing is armed. This is what makes
     "Debugger is Active" visible in the plugin: even before any DAG run
     fires, the operator can see Sailfish is watching. #}
  <h3 style="margin-top:1.5em;">
    Active Captures ({{ active_captures|length }})
  </h3>
  {% if active_captures|length == 0 %}
    <p style="color:#888; font-style:italic;">
      No captures armed. Sailfish will list any AI-armed or operator-armed
      captures here as they activate.
    </p>
  {% else %}
    <table class="table table-striped" style="margin-top:0.5em;">
      <thead>
        <tr>
          <th>Target</th>
          <th>Source</th>
          <th>Armed</th>
          <th>TTL</th>
          <th>DAG Run</th>
          <th>Investigation</th>
          <th>Issue</th>
        </tr>
      </thead>
      <tbody>
        {% for cap in active_captures %}
          <tr>
            <td>
              <strong style="color:#0a0;">&#9679;</strong>
              {# Target text links to the Airflow DAG / DAG run grid.
                 Relative URL — works whether Airflow is at :8088 or
                 behind a custom hostname. #}
              {% if cap.dag_id %}
                <a href="/dags/{{ cap.dag_id }}/grid{% if cap.dag_run_id %}?dag_run_id={{ cap.dag_run_id }}{% endif %}">
                  <code>{{ cap.target_identifier }}</code>
                </a>
              {% else %}
                <code>{{ cap.target_identifier }}</code>
              {% endif %}
              {# Source-code deep-link as a sub-line so the operator can
                 jump from "Sailfish is watching this task" to "show me
                 the actual code." #}
              {% if cap.view_in_codebase_url %}
                <br/>
                <a href="{{ cap.view_in_codebase_url }}" target="_blank"
                   style="font-size:0.85em;">
                  View source on GitHub &rarr;
                </a>
              {% endif %}
              {% if cap.is_demo %}
                <span class="label label-info" style="margin-left:0.5em;">demo</span>
              {% endif %}
            </td>
            <td>{{ cap.armed_by_source }}</td>
            <td><small><code>{{ cap.armed_at }}</code></small></td>
            <td>{{ cap.ttl_minutes }} min</td>
            <td>
              {% if cap.dag_run_id %}
                <a href="/dags/{{ cap.dag_id }}/grid?dag_run_id={{ cap.dag_run_id }}">
                  <code style="font-size:0.85em;">{{ cap.dag_run_id }}</code>
                </a>
              {% else %}
                <span style="color:#888;">pending</span>
              {% endif %}
            </td>
            <td>
              {% if cap.view_investigation_url %}
                <a href="{{ cap.view_investigation_url }}"
                   target="_blank"
                   class="btn btn-xs btn-default">
                  Investigation &rarr;
                </a>
              {% else %}
                <span style="color:#888;">—</span>
              {% endif %}
            </td>
            <td>
              {% if cap.view_issue_url %}
                <a href="{{ cap.view_issue_url }}"
                   target="_blank"
                   class="btn btn-xs btn-default">
                  Issue &rarr;
                </a>
              {% else %}
                <span style="color:#888;">—</span>
              {% endif %}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}

  {# Past Investigations — chronological list of AI investigations that
     hit this Airflow deployment. Persists after captures expire so the
     operator can browse history. Each row links to the DAG / DAG run
     in Airflow AND back to the investigation + issue in Sailfish. #}
  <h3 style="margin-top:1.5em;">
    Past Investigations ({{ past_investigations|length }})
  </h3>
  {% if past_investigations|length == 0 %}
    <p style="color:#888; font-style:italic;">
      No past investigations have touched this Airflow deployment yet.
    </p>
  {% else %}
    <table class="table table-striped" style="margin-top:0.5em;">
      <thead>
        <tr>
          <th>Investigation</th>
          <th>Target</th>
          <th>State</th>
          <th>Armed</th>
          <th>DAG Run</th>
          <th>Issue</th>
        </tr>
      </thead>
      <tbody>
        {% for inv in past_investigations %}
          <tr>
            <td>
              {% if inv.view_investigation_url and inv.investigation_title %}
                <a href="{{ inv.view_investigation_url }}" target="_blank">
                  {{ inv.investigation_title }}
                </a>
              {% elif inv.investigation_title %}
                {{ inv.investigation_title }}
              {% else %}
                <em>operator-armed capture</em>
              {% endif %}
              {% if inv.is_demo %}
                <span class="label label-info" style="margin-left:0.5em;">demo</span>
              {% endif %}
            </td>
            <td>
              {% if inv.dag_id %}
                <a href="/dags/{{ inv.dag_id }}/grid{% if inv.dag_run_id %}?dag_run_id={{ inv.dag_run_id }}{% endif %}">
                  <code>{{ inv.dag_id }}{% if inv.task_id %} :: {{ inv.task_id }}{% endif %}</code>
                </a>
                {% if inv.view_in_codebase_url %}
                  <br/>
                  <a href="{{ inv.view_in_codebase_url }}" target="_blank"
                     style="font-size:0.85em;">
                    View source on GitHub &rarr;
                  </a>
                {% endif %}
              {% else %}
                <span style="color:#888;">—</span>
              {% endif %}
            </td>
            <td>
              {% if inv.investigation_state %}
                <span class="label label-default">{{ inv.investigation_state }}</span>
              {% else %}
                <span class="label label-default">{{ inv.capture_state }}</span>
              {% endif %}
            </td>
            <td><small><code>{{ inv.armed_at }}</code></small></td>
            <td>
              {% if inv.dag_run_id %}
                <a href="/dags/{{ inv.dag_id }}/grid?dag_run_id={{ inv.dag_run_id }}">
                  <code style="font-size:0.85em;">{{ inv.dag_run_id }}</code>
                </a>
              {% else %}
                <span style="color:#888;">—</span>
              {% endif %}
            </td>
            <td>
              {% if inv.view_issue_url %}
                <a href="{{ inv.view_issue_url }}"
                   target="_blank"
                   class="btn btn-xs btn-default">
                  Issue &rarr;
                </a>
              {% else %}
                <span style="color:#888;">—</span>
              {% endif %}
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% endif %}

  <form method="POST"
        action="/sailfish/debugger/save"
        style="margin-top:1.5em;">
    {# CSRF: FAB's BaseView injects csrf_token() via the AppBuilder base. #}
    {% if csrf_token is defined %}
      <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
    {% endif %}

    <fieldset {% if connection_status != "connected" %}disabled{% endif %}>

      <h3>Global Status</h3>
      <p>
        The master switch — when <strong>Off</strong>, NO debugger capture
        runs regardless of capture mode.
      </p>
      <div class="radio">
        <label>
          <input type="radio" name="global_status" value="on"
                 {% if global_status == "on" %}checked{% endif %}/>
          <span style="color:#0a0; font-weight:bold;">&#9679; On</span>
        </label>
      </div>
      <div class="radio">
        <label>
          <input type="radio" name="global_status" value="off"
                 {% if global_status == "off" %}checked{% endif %}/>
          <span style="color:#a00; font-weight:bold;">&#9679; Off</span>
        </label>
      </div>

      <h3 style="margin-top:1.5em;">Capture Mode</h3>
      <p>
        Picks which DAG runs are eligible for debugger capture when
        Global Status is On.
      </p>
      {% for value, label in capture_modes %}
        <div class="radio">
          <label>
            <input type="radio" name="capture_mode" value="{{ value }}"
                   {% if capture_mode == value %}checked{% endif %}/>
            {{ label }}
          </label>
        </div>
      {% endfor %}

      <div style="margin-top:1.5em;">
        <button type="submit" class="btn btn-primary">Save Policy</button>
      </div>
    </fieldset>
  </form>
</div>
{% endblock %}