{% extends 'base.html' %}
{% block title %}Bibliothèque — Admin OpenCare{% endblock %}

{% block content %}
<div class="admin-layout">
  {% include 'admin/_sidebar.html' %}

  <div class="admin-main">
    <div class="admin-page-header">
      <div>
        <h1 class="admin-page-title">
          <i class="fas fa-book-medical me-2 text-accent"></i>Bibliothèque
        </h1>
        <p class="text-muted mb-0">{{ recs|length }} recommandation(s) approuvée(s) et active(s)</p>
      </div>
    </div>

    {% if recs %}
    {% set current_domain = namespace(val='') %}
    {% for rec in recs %}
      {% if rec.domain != current_domain.val %}
        {% set current_domain.val = rec.domain %}
        <div class="admin-domain-divider">
          {{ domain_labels.get(rec.domain, (rec.domain, ''))[1] }}
          {{ domain_labels.get(rec.domain, (rec.domain, ''))[0] }}
          <span class="text-muted ms-1 fw-normal small">
            ({{ recs|selectattr('domain', 'equalto', rec.domain)|list|length }})
          </span>
        </div>
      {% endif %}

      <div class="card border-0 shadow-sm rounded-3 mb-2">
        <div class="card-body p-3">
          <div class="d-flex align-items-start gap-3">
            <div class="flex-grow-1">
              <div class="d-flex align-items-center gap-2 mb-1 flex-wrap">
                <span class="evidence-badge ev-{{ rec.evidence_level }}">Niveau {{ rec.evidence_level }}</span>
                <span class="badge bg-light text-muted border small">Priorité {{ rec.priority }}</span>
                <span class="text-muted small">{{ rec.reviewed_at.strftime('%d/%m/%Y') if rec.reviewed_at else '—' }}</span>
              </div>
              <strong>{{ rec.title }}</strong>
              <p class="text-muted small mb-1 mt-1">{{ rec.summary }}</p>
              {% if rec.source_title %}
              <div class="small text-muted">
                <i class="fas fa-book me-1"></i>{{ rec.source_title }}
                {% if rec.source_doi %} — {{ rec.source_doi }}{% endif %}
              </div>
              {% endif %}
              <!-- Targeting pills -->
              <div class="d-flex flex-wrap gap-1 mt-2">
                {% if rec.target_sex and rec.target_sex != 'all' %}
                <span class="tag-pill">{{ 'Hommes' if rec.target_sex == 'male' else 'Femmes' }}</span>
                {% endif %}
                {% if rec.target_age_min or rec.target_age_max %}
                <span class="tag-pill">{{ rec.target_age_min or '?' }}–{{ rec.target_age_max or '∞' }} ans</span>
                {% endif %}
                {% for c in rec.required_conditions %}
                <span class="tag-pill tag-pill-blue">Si: {{ c.replace('_',' ') }}</span>
                {% endfor %}
                {% for c in rec.excluded_conditions %}
                <span class="tag-pill tag-pill-red">Exclu: {{ c.replace('_',' ') }}</span>
                {% endfor %}
                {% if not rec.required_conditions and not rec.required_health_goals and not rec.required_diet_types and not rec.required_activity_levels %}
                <span class="tag-pill tag-pill-green">Universel</span>
                {% endif %}
              </div>
            </div>
            <form action="{{ url_for('admin_library_delete', rid=rec.id) }}" method="post"
                  onsubmit="return confirm('Retirer « {{ rec.title }} » de la bibliothèque ?')">
              <button type="submit" class="btn btn-sm btn-outline-danger" title="Retirer">
                <i class="fas fa-archive"></i>
              </button>
            </form>
          </div>
        </div>
      </div>
    {% endfor %}
    {% else %}
    <div class="text-center py-5 text-muted">
      <i class="fas fa-book-medical fa-3x mb-3 opacity-25"></i>
      <p class="mb-0">Aucune recommandation approuvée. Allez dans la file d'attente pour en valider.</p>
      <a href="{{ url_for('admin_review', status='pending') }}" class="btn btn-primary mt-3">
        <i class="fas fa-inbox me-1"></i>Aller à la file d'attente
      </a>
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}