{% extends "base.html" %}
{% block title %}Job {{ job.id }}{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3">
  <div>
    <div class="mb-2">
      <a class="btn btn-sm btn-outline-secondary"
         href="{% url 'orchestrator:project_dashboard' job.project.id %}">
        ← Back to project
      </a>
      <a class="btn btn-sm btn-outline-secondary ms-1"
         href="{% url 'orchestrator:jobs_list' %}">
        Back to jobs
      </a>
    </div>

    <h1 class="h3 mb-1">Job #{{ job.id }} — <code>{{ job.job_type }}</code></h1>
    <div class="text-muted">
      <b>Target:</b>
      {% if job.target %}{{ job.target.ip_address }}{% else %}—{% endif %}
      &nbsp;|&nbsp;
      <b>Status:</b> {{ job.status }}
      &nbsp;|&nbsp;
      <b>Total CVEs in DB:</b> {{ cve_count }}
    </div>
  </div>
</div>

{% if messages %}
  {% for m in messages %}
    <div class="alert {% if 'error' in m.tags %}alert-danger{% else %}alert-success{% endif %} mb-2">
      {{ m }}
    </div>
  {% endfor %}
{% endif %}

{# ---------- Step badges (matches jobs_list) ---------- #}
<div class="card mb-3">
  <div class="card-body">
    <div class="d-flex flex-wrap gap-2 align-items-center">
      <div class="me-2 text-muted small">Steps:</div>

      {% if job.has_nmap_xml %}
        <span class="badge text-bg-success">Parse</span>
      {% else %}
        <span class="badge text-bg-secondary">Parse</span>
      {% endif %}

      {% if job.has_any_findings %}
        <span class="badge text-bg-success">Enrich</span>
      {% else %}
        <span class="badge text-bg-secondary">Enrich</span>
      {% endif %}

      {% if job.has_nikto_evidence or job.has_nikto_findings %}
        <span class="badge text-bg-success">Nikto</span>
      {% else %}
        <span class="badge text-bg-secondary">Nikto</span>
      {% endif %}

      {% if job.has_triage_done %}
        <span class="badge text-bg-success">Triage</span>
      {% else %}
        <span class="badge text-bg-secondary">Triage</span>
      {% endif %}

      {# Report (job-specific) #}
      {% if latest_report %}
        <span class="badge text-bg-success">Report</span>
      {% else %}
        <span class="badge text-bg-secondary">Report</span>
      {% endif %}
    </div>
  </div>
</div>

<div class="row g-3">
  <div class="col-lg-6">
    <div class="card">
      <div class="card-body">
        <h2 class="h5 mb-3">Run Steps</h2>

        <form method="post" action="{% url 'orchestrator:run_nmap' job.id %}" class="mb-2">
          {% csrf_token %}
          <button class="btn btn-outline-primary w-100" type="submit">1) Run Nmap discovery</button>
        </form>

        <form method="post" action="{% url 'orchestrator:run_parse' job.id %}" class="mb-2">
          {% csrf_token %}
          <button class="btn btn-outline-primary w-100" type="submit">2) Parse Nmap evidence</button>
        </form>

        <form method="post" action="{% url 'orchestrator:run_enrich' job.id %}" class="mb-2">
          {% csrf_token %}
          <button class="btn btn-outline-primary w-100" type="submit">3) Enrich (NVD/KEV → Findings)</button>
        </form>

        <form method="post" action="{% url 'orchestrator:run_nikto' job.id %}" class="mb-2">
          {% csrf_token %}
          <button class="btn btn-outline-primary w-100" type="submit">4) Run Nikto web scan</button>
        </form>

        <form method="post" action="{% url 'orchestrator:run_triage' job.id %}" class="mb-2">
          {% csrf_token %}
          <div class="input-group">
            <span class="input-group-text">Model</span>
            <input class="form-control" name="model_name" value="{{ default_model }}">
            <button class="btn btn-outline-primary" type="submit">5) Run AI triage</button>
          </div>
        </form>

        <form method="post" action="{% url 'orchestrator:run_report' job.id %}" class="mb-2">
          {% csrf_token %}
          <button class="btn btn-outline-success w-100" type="submit">6) Generate Report (HTML)</button>
        </form>

        <form method="post" action="{% url 'orchestrator:run_full_pipeline' job.id %}">
          {% csrf_token %}
          <div class="input-group">
            <span class="input-group-text">Model</span>
            <input class="form-control" name="model_name" value="{{ default_model }}">
            <button class="btn btn-primary" type="submit">Run FULL pipeline (1→6)</button>
          </div>
        </form>

        {% if latest_report %}
          <a href="{% url 'reports:view' latest_report.id %}"
             class="btn btn-success w-100 mt-3"
             target="_blank">
            View Latest Report (v{{ latest_report.version }})
          </a>
        {% endif %}
      </div>
    </div>
  </div>

  <div class="col-lg-6">
    <div class="card">
      <div class="card-body">
        <h2 class="h5 mb-3">Pipeline Steps</h2>

        <div class="table-responsive">
          <table class="table table-sm align-middle">
            <thead>
              <tr>
                <th>Step</th>
                <th>Approval</th>
              </tr>
            </thead>
            <tbody>
              {% for s in steps %}
                <tr>
                  <td><code>{{ s.step }}</code></td>
                  <td>
                    {% if s.requires_approval %}
                      {% if s.approved_at %}
                        <span class="badge text-bg-success">Approved</span>
                      {% else %}
                        <form method="post" action="{% url 'orchestrator:approve_job_step' job.id s.step %}">
                          {% csrf_token %}
                          <button class="btn btn-sm btn-outline-warning" type="submit">Approve</button>
                        </form>
                      {% endif %}
                    {% else %}
                      <span class="text-muted small">Not required</span>
                    {% endif %}
                  </td>
                </tr>
              {% empty %}
                <tr><td colspan="3" class="text-muted">No steps configured.</td></tr>
              {% endfor %}
            </tbody>
          </table>
        </div>

      </div>
    </div>
  </div>
</div>

<div class="card mt-3">
  <div class="card-body">
    <h2 class="h5 mb-3">Report Summary (Normalized)</h2>

    {% if report_groups %}
      {% for group_name, sections in report_groups.items %}
        <h3 class="h6 mt-3">{{ group_name }}</h3>

        {% if sections %}
          {% for sec in sections %}
            <details class="mb-2">
              <summary><b>{{ sec.title }}</b> ({{ sec.count }})</summary>
              <ul class="mt-2">
                {% for f in sec.items %}
                  <li><b>{{ f.severity }}</b> — {{ f.title }}</li>
                {% endfor %}
              </ul>
            </details>
          {% endfor %}
        {% else %}
          <p class="text-muted">No items.</p>
        {% endif %}
      {% endfor %}
    {% else %}
      <p class="text-muted mb-0">No report data available yet.</p>
    {% endif %}
  </div>
</div>

<div class="row g-3 mt-0">
  <div class="col-lg-6">
    <div class="card">
      <div class="card-body">
        <h2 class="h5 mb-3">Evidences ({{ evidences|length }})</h2>
        <ul class="mb-0">
          {% for e in evidences %}
            <li>#{{ e.id }} — {{ e.kind }} — {{ e.filename }}</li>
          {% empty %}
            <li class="text-muted">No evidences yet.</li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>

  <div class="col-lg-6">
    <div class="card">
      <div class="card-body">
        <h2 class="h5 mb-3">Findings ({{ findings|length }})</h2>
        <ul class="mb-0">
          {% for f in findings %}
            <li>#{{ f.id }} — <b>{{ f.severity }}</b> — {{ f.title }}</li>
          {% empty %}
            <li class="text-muted">No findings yet.</li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>

  <div class="col-lg-6">
    <div class="card">
      <div class="card-body">
        <h2 class="h5 mb-3">AI Runs ({{ ai_runs|length }})</h2>
        <ul class="mb-0">
          {% for r in ai_runs %}
            <li>
              #{{ r.id }} — {{ r.purpose }} — <b>{{ r.status }}</b>
              {% if r.error %} — <span class="text-danger">{{ r.error }}</span>{% endif %}
            </li>
          {% empty %}
            <li class="text-muted">No AI runs yet.</li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>

  <div class="col-lg-6">
    <div class="card">
      <div class="card-body">
        <h2 class="h5 mb-3">AI Triage Items ({{ triage_items|length }})</h2>
        <ul class="mb-0">
          {% for t in triage_items %}
            <li>
              <b>#{{ t.priority_rank }}</b> — {{ t.severity_adjusted }} —
              {{ t.finding.title }} (exploitability {{ t.exploitability }}, conf {{ t.confidence }})
            </li>
          {% empty %}
            <li class="text-muted">No triage items yet.</li>
          {% endfor %}
        </ul>
      </div>
    </div>
  </div>
</div>

{% endblock %}