{% extends "base.html" %}
{% block title %}Review Queue — NFR{% endblock %}

{% block content %}
<div class="page-header flex-between">
  <div>
    <h1>Review Queue</h1>
    <p class="subtitle">
      {{ total_count }} pending item{{ "s" if total_count != 1 }} — sorted oldest first
    </p>
  </div>
</div>

{# ── Reason filter ────────────────────────────────────────────────────────── #}
<form method="get" class="search-form">
  <div class="form-group">
    <label class="form-label" for="reason_filter">Filter by reason</label>
    <select class="form-control" id="reason_filter" name="reason_filter" onchange="this.form.submit()">
      <option value="">All reasons</option>
      {% for reason in available_reasons %}
      <option value="{{ reason }}" {% if reason_filter == reason %}selected{% endif %}>{{ reason }}</option>
      {% endfor %}
    </select>
  </div>
  {% if reason_filter %}
  <div class="form-group" style="align-self:flex-end;">
    <a href="/review" class="btn btn-outline btn-sm">Clear filter</a>
  </div>
  {% endif %}
</form>

{% if items %}
<div class="table-wrap">
  <table>
    <thead>
      <tr>
        <th style="width:60px">#</th>
        <th>Filename</th>
        <th>Source</th>
        <th>Reason</th>
        <th>Project</th>
        <th>Proposed Destination</th>
        <th>Confidence</th>
        <th>Age</th>
        <th style="width:180px">Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for item in items %}
      {% set rec = ingest_map.get(item.ingest_record_id) %}
      <tr>
        {# ID #}
        <td>
          <a href="/review/{{ item.id }}" class="mono">{{ item.id }}</a>
        </td>

        {# Filename #}
        <td style="max-width:220px;">
          <a href="/review/{{ item.id }}">
            <strong>{{ rec.original_filename if rec else "—" }}</strong>
          </a>
        </td>

        {# Source #}
        <td>
          <span class="badge badge-neutral">{{ rec.ingest_source if rec else "—" }}</span>
        </td>

        {# Reason #}
        <td>
          {% if item.review_reason == "LOW_CONFIDENCE_MATCH" %}
          <span class="badge badge-warning">Low confidence match</span>
          {% elif item.review_reason == "NO_PROJECT_MATCH" %}
          <span class="badge badge-danger">No project match</span>
          {% elif item.review_reason == "LOW_CONFIDENCE_ROUTE" %}
          <span class="badge badge-warning">Low confidence route</span>
          {% elif item.review_reason == "SECURITY_VIOLATION_BLOCKED" %}
          <span class="badge badge-danger">Security violation</span>
          {% else %}
          <span class="badge badge-neutral">{{ item.review_reason }}</span>
          {% endif %}
          {% if item.reason_detail %}
          <div class="text-xs text-muted mt-1">{{ item.reason_detail[:80] }}</div>
          {% endif %}
        </td>

        {# Proposed project #}
        <td>
          {% set proj = project_map.get(item.proposed_project_id) if item.proposed_project_id else None %}
          {% if proj %}
          <a href="/projects/{{ proj.id }}" class="text-sm">
            <strong>{{ proj.project_number }}</strong><br>
            <span class="text-muted">{{ proj.project_name[:40] }}{% if proj.project_name|length > 40 %}…{% endif %}</span>
          </a>
          {% else %}
          <span class="text-muted">—</span>
          {% endif %}
        </td>

        {# Proposed destination #}
        <td>
          {% if item.proposed_destination %}
          <span class="path-text">{{ item.proposed_destination }}</span>
          {% else %}
          <span class="text-muted">—</span>
          {% endif %}
        </td>

        {# Confidence #}
        <td>
          {% if item.proposed_confidence %}
          {% set pct = (item.proposed_confidence * 100) | int %}
          {% if pct >= 80 %}
          <span class="badge badge-success">{{ pct }}%</span>
          {% elif pct >= 60 %}
          <span class="badge badge-warning">{{ pct }}%</span>
          {% else %}
          <span class="badge badge-danger">{{ pct }}%</span>
          {% endif %}
          {% else %}
          <span class="text-muted">—</span>
          {% endif %}
        </td>

        {# Age #}
        <td class="text-sm text-muted">
          {{ item.created_at.strftime("%Y-%m-%d %H:%M") if item.created_at else "—" }}
        </td>

        {# Action buttons #}
        <td>
          <div class="flex gap-1">
            <a href="/review/{{ item.id }}" class="btn btn-outline btn-sm">Details</a>
            {% if item.proposed_destination and item.proposed_project_id %}
            {# Quick-accept form — only shown when a valid proposed routing exists #}
            <form method="post" action="/review/{{ item.id }}/accept"
                  onsubmit="return confirm('Accept proposed routing for this item?\n\n{{ rec.original_filename if rec else item.id }}\n→ {{ item.proposed_destination }}\n\nThis will write the file to the NAS.')">
              <input type="hidden" name="operator_notes" value="Accepted from review list" />
              <input type="hidden" name="operator_id" value="operator" />
              <button type="submit" class="btn btn-success btn-sm">Accept</button>
            </form>
            {% endif %}
          </div>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>

{# Pagination #}
{% if total_pages > 1 %}
<nav class="pagination">
  {% if page > 1 %}
  <a href="?page={{ page - 1 }}{% if reason_filter %}&reason_filter={{ reason_filter }}{% endif %}">&laquo; Prev</a>
  {% endif %}
  {% for p in range(1, total_pages + 1) %}
  {% if p == page %}
  <span class="current">{{ p }}</span>
  {% elif p == 1 or p == total_pages or (p >= page - 2 and p <= page + 2) %}
  <a href="?page={{ p }}{% if reason_filter %}&reason_filter={{ reason_filter }}{% endif %}">{{ p }}</a>
  {% elif p == page - 3 or p == page + 3 %}
  <span>…</span>
  {% endif %}
  {% endfor %}
  {% if page < total_pages %}
  <a href="?page={{ page + 1 }}{% if reason_filter %}&reason_filter={{ reason_filter }}{% endif %}">Next &raquo;</a>
  {% endif %}
</nav>
{% endif %}

{% else %}
<div class="card">
  <div class="text-muted text-sm" style="padding:.5rem 0;">
    {% if reason_filter %}
    No items match the selected reason filter.
    <a href="/review">Clear filter</a>
    {% else %}
    The review queue is empty. No files are awaiting human review.
    {% endif %}
  </div>
</div>
{% endif %}

{% endblock %}