{% extends "base.html" %}
{% block title %}Jobs{% endblock %}

{% block content %}
<div class="d-flex align-items-center justify-content-between mb-3">
  <h1 class="h3 mb-0">Jobs</h1>
</div>

<form class="row g-2 mb-3 align-items-end" method="get">
  <div class="col-md-3">
    <label class="form-label small text-muted mb-1">Project</label>
    <select name="project" class="form-select">
      <option value="" {% if not filters.project %}selected{% endif %}>All projects</option>
      {% for p in projects %}
        <option value="{{ p.id }}"
          {% if filters.project|default:''|stringformat:"s" == p.id|stringformat:"s" %}selected{% endif %}>
          {{ p.name }}
        </option>
      {% endfor %}
    </select>
  </div>

  <div class="col-md-2">
    <label class="form-label small text-muted mb-1">Status</label>
    <select name="status" class="form-select">
      <option value="" {% if not filters.status %}selected{% endif %}>Any status</option>
      {% for k,v in statuses %}
        <option value="{{ k }}"
          {% if filters.status|default:''|stringformat:"s" == k|stringformat:"s" %}selected{% endif %}>
          {{ v }}
        </option>
      {% endfor %}
    </select>
  </div>

  <div class="col-md-3">
    <label class="form-label small text-muted mb-1">Type</label>
    <select name="type" class="form-select">
      <option value="" {% if not filters.type %}selected{% endif %}>Any type</option>
      {% for k,v in types %}
        <option value="{{ k }}"
          {% if filters.type|default:''|stringformat:"s" == k|stringformat:"s" %}selected{% endif %}>
          {{ v }}
        </option>
      {% endfor %}
    </select>
  </div>

  <div class="col-md-2">
    <button type="submit" class="btn btn-primary w-100">Filter</button>
  </div>

  <div class="col-md-2">
    <a class="btn btn-outline-success w-100"
       href="?project={{ filters.project|urlencode }}&status={{ filters.status|urlencode }}&type={{ filters.type|urlencode }}&export=xlsx">
      Export XLSX
    </a>
  </div>

  {% if filters.project or filters.status or filters.type or filters.q %}
  <div class="col-12">
    <a class="btn btn-sm btn-link px-0"
       href="{% url 'orchestrator:jobs_list' %}">
      Clear filters
    </a>
  </div>
  {% endif %}
</form>

<div class="table-responsive">
  <table class="table table-sm table-hover align-middle">
    <thead>
      <tr>
        <th style="width: 90px;">ID</th>
        <th>Project</th>
        <th>Target</th>
        <th>Type</th>
        <th>Status</th>
        <th>Steps</th>
        <th style="width: 90px;"></th>
      </tr>
    </thead>
    <tbody>
      {% for j in jobs %}
      <tr>
        <td>#{{ j.id }}</td>
        <td>{{ j.project.name }}</td>
        <td>
          {% if j.target %}
            {{ j.target.ip_address }}
          {% else %}
            <span class="text-muted">—</span>
          {% endif %}
        </td>
        <td><code>{{ j.job_type }}</code></td>
        <td><span class="badge text-bg-light border">{{ j.status }}</span></td>

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

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

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

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

          {# Report (PER-JOB) - FIXED #}
          {% if j.has_report %}
            <span class="badge text-bg-success">Report</span>
          {% else %}
            <span class="badge text-bg-secondary">Report</span>
          {% endif %}
        </td>

        <td>
          <a class="btn btn-sm btn-outline-secondary"
             href="{% url 'orchestrator:job_detail' j.id %}">
            View
          </a>
        </td>
      </tr>
      {% empty %}
      <tr>
        <td colspan="7" class="text-muted">No jobs match these filters.</td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{% endblock %}