{% extends "data_hub/base_data_hub.html" %}
{% block data_hub_content %}

<div class="d-flex align-items-center justify-content-between mb-3">
  <h4 class="mb-0"><i class="fas fa-search me-2 text-success"></i>USDA Shadow Entry Audit</h4>
  <div class="d-flex gap-2">
    <a href="?show_all={% if show_all %}0{% else %}1{% endif %}"
       class="btn btn-sm btn-outline-secondary">
      {% if show_all %}Show Candidates Only{% else %}Show All USDA ({{ usda_total }}){% endif %}
    </a>
  </div>
</div>

<div class="row g-3 mb-3">
  <div class="col-md-4"><div class="card border-0 shadow-sm text-center py-3">
    <div class="text-muted small">Total USDA SR Legacy</div>
    <div class="fs-4 fw-bold">{{ usda_total }}</div>
  </div></div>
  <div class="col-md-4"><div class="card border-0 shadow-sm text-center py-3">
    <div class="text-muted small">Shadow Candidates</div>
    <div class="fs-4 fw-bold text-warning">{{ shadow_count }}</div>
  </div></div>
  <div class="col-md-4"><div class="card border-0 shadow-sm text-center py-3">
    <div class="text-muted small">Clean Entries</div>
    <div class="fs-4 fw-bold text-success">{{ usda_total - shadow_count }}</div>
  </div></div>
</div>

<div class="alert alert-info small">
  Shadow entries are over-specific USDA products (branded items, snacks, candy bars) that
  intercept ingredient matching before the generic canonical can match.
  Remove unused ones to improve pipeline accuracy.
</div>

{% if not candidates %}
  <div class="alert alert-success">
    <i class="fas fa-check-circle me-2"></i>
    {% if show_all %}No USDA entries found.{% else %}No shadow candidates detected.{% endif %}
  </div>
{% else %}
<form method="POST" action="{{ url_for('data_hub.usda_bulk_remove') }}">
  <div class="card border-0 shadow-sm mb-3">
    <div class="card-header bg-white d-flex justify-content-between align-items-center py-2">
      <span class="fw-semibold">
        {% if show_all %}All USDA Entries{% else %}Shadow Candidates{% endif %}
        ({{ total }} shown)
      </span>
      <button type="submit" class="btn btn-danger btn-sm"
              onclick="return confirm('Remove all checked entries?')">
        <i class="fas fa-trash me-1"></i>Remove Checked
      </button>
    </div>
    <div class="table-responsive">
      <table class="table table-sm mb-0">
        <thead class="table-light">
          <tr>
            <th class="px-3" style="width:36px">
              <input type="checkbox" id="checkAll"
                     onchange="document.querySelectorAll('.rowcheck').forEach(c=>c.checked=this.checked)">
            </th>
            <th>Name</th>
            <th>Reason Flagged</th>
            <th class="text-center">Recipes</th>
          </tr>
        </thead>
        <tbody>
        {% for c in candidates %}
          {% set ing = c.ingredient %}
          {% set used = ing.recipe_details | length if ing.recipe_details is defined else 0 %}
          <tr class="{% if c.reasons %}table-warning{% endif %}">
            <td class="px-3">
              <input type="checkbox" name="ids" value="{{ ing.id }}"
                     class="rowcheck">
            </td>
            <td class="small fw-medium">{{ ing.name }}</td>
            <td class="small text-muted">
              {% if c.reasons %}
                {{ c.reasons | join(' · ') }}
              {% else %}
                <span class="text-success">✓ clean</span>
              {% endif %}
            </td>
            <td class="text-center small">
              <span class="text-muted">—</span>
            </td>
          </tr>
        {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
</form>

{# Pagination #}
{% if pages > 1 %}
<nav><ul class="pagination pagination-sm justify-content-center mb-0">
  {% for p in range([1,page-2]|max, [pages+1,page+3]|min) %}
    <li class="page-item {% if p==page %}active{% endif %}">
      <a class="page-link" href="?page={{ p }}&show_all={{ '1' if show_all else '0' }}">{{ p }}</a>
    </li>
  {% endfor %}
</ul></nav>
{% endif %}
{% endif %}
{% endblock %}