{% extends "recipe_hub/base_recipe_hub.html" %}
{% block recipe_hub_content %}
<div class="d-flex align-items-center justify-content-between mb-4">
  <h4 class="mb-0"><i class="fas fa-flag me-2 text-danger"></i>Flagged Recipes
    <span class="badge bg-danger ms-2">{{ recipes|length }}</span>
  </h4>
  {% if recipes %}
  <form method="POST" action="{{ url_for('recipe_hub.bulk_resolve') }}">
    {% for r in recipes %}<input type="hidden" name="ids" value="{{ r.id }}">{% endfor %}
    <button class="btn btn-success btn-sm"><i class="fas fa-check me-1"></i>Resolve All</button>
  </form>
  {% endif %}
</div>
{% if not recipes %}
<div class="alert alert-success"><i class="fas fa-check-circle me-2"></i>No flagged recipes.</div>
{% else %}
{% for r in recipes %}
<div class="card border-0 shadow-sm mb-3 border-start border-4 border-danger">
  <div class="card-body">
    <div class="d-flex justify-content-between align-items-start">
      <div>
        <div class="fw-bold">{{ r.title }}</div>
        <div class="text-muted small">{{ r.flag_notes or 'No flag notes' }}</div>
      </div>
      <div class="d-flex gap-2">
        <a href="{{ url_for('recipe_hub.flagged_detail', recipe_id=r.id) }}"
           class="btn btn-warning btn-sm">Review</a>
        <form method="POST" action="{{ url_for('recipe_hub.resolve_flag', recipe_id=r.id) }}">
          <button class="btn btn-success btn-sm">Resolve</button>
        </form>
      </div>
    </div>
  </div>
</div>
{% endfor %}
{% endif %}
{% endblock %}