{% extends "base.html" %}

{% block title %}Review queue — Job Cannon{% endblock %}

{% block content %}
<div class="max-w-7xl mx-auto space-y-6">

  <div class="flex items-center justify-between">
    <h1 class="text-2xl font-bold text-slate-100">Review queue</h1>
    <span class="text-sm text-slate-400">{{ jobs | length }} flagged for manual review</span>
  </div>

  <p class="text-sm text-slate-400">
    Rows flagged with unresolved reason codes or an unresolved location.
    <span class="text-emerald-300">Approve</span> clears the flags (the row returns to the board);
    <span class="text-rose-300">Drop</span> rejects it.
  </p>

  <div class="overflow-x-auto rounded-lg border border-slate-700">
    <table class="min-w-full text-sm">
      <thead class="bg-slate-800 text-slate-300">
        <tr>
          <th class="px-3 py-2 text-left font-medium">Title</th>
          <th class="px-3 py-2 text-left font-medium">Company</th>
          <th class="px-3 py-2 text-left font-medium">Reasons</th>
          <th class="px-3 py-2 text-right font-medium">Actions</th>
        </tr>
      </thead>
      <tbody id="review-tbody">
        {% include "admin/_review_rows.html" %}
      </tbody>
    </table>
  </div>

</div>
{% endblock %}