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

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

  <div class="admin-main">
    <div class="admin-page-header">
      <h1 class="admin-page-title">
        <i class="fas fa-chart-pie me-2 text-accent"></i>Tableau de bord
      </h1>
      <p class="text-muted mb-0">Vue d'ensemble du pipeline de veille</p>
    </div>

    {% if not api_key_set %}
    <div class="alert alert-warning d-flex align-items-center gap-2 rounded-3 mb-4">
      <i class="fas fa-exclamation-triangle fa-lg"></i>
      <div>
        <strong>Clé API OpenAI manquante.</strong>
        Le crawl ne peut pas s'exécuter.
        <a href="{{ url_for('admin_config') }}" class="alert-link ms-1">Configurer →</a>
      </div>
    </div>
    {% endif %}

    <!-- Stats cards -->
    <div class="row g-3 mb-4">
      <div class="col-sm-6 col-lg-3">
        <div class="admin-stat-card">
          <div class="admin-stat-icon" style="background:#eff6ff;color:#2563eb">
            <i class="fas fa-rss"></i>
          </div>
          <div>
            <div class="admin-stat-num">{{ stats.sources_active }}<span class="admin-stat-total">/{{ stats.sources }}</span></div>
            <div class="admin-stat-lbl">Sources actives</div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3">
        <div class="admin-stat-card">
          <div class="admin-stat-icon" style="background:#fff7ed;color:#c2410c">
            <i class="fas fa-file-alt"></i>
          </div>
          <div>
            <div class="admin-stat-num">{{ stats.articles }}</div>
            <div class="admin-stat-lbl">Articles crawlés</div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3">
        <div class="admin-stat-card border-warning-subtle">
          <div class="admin-stat-icon" style="background:#fefce8;color:#854d0e">
            <i class="fas fa-hourglass-half"></i>
          </div>
          <div>
            <div class="admin-stat-num">{{ stats.pending }}</div>
            <div class="admin-stat-lbl">En attente de validation</div>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-lg-3">
        <div class="admin-stat-card">
          <div class="admin-stat-icon" style="background:#f0fdf4;color:#166534">
            <i class="fas fa-check-circle"></i>
          </div>
          <div>
            <div class="admin-stat-num">{{ stats.approved }}</div>
            <div class="admin-stat-lbl">Recommandations actives</div>
          </div>
        </div>
      </div>
    </div>

    <div class="row g-3">
      <!-- Quick actions -->
      <div class="col-lg-6">
        <div class="card border-0 shadow-sm rounded-3 h-100">
          <div class="card-body p-4">
            <h5 class="fw-bold mb-3"><i class="fas fa-bolt me-2 text-accent"></i>Actions rapides</h5>
            <div class="d-grid gap-2">
              <a href="{{ url_for('admin_review', status='pending') }}" class="btn btn-primary">
                <i class="fas fa-inbox me-2"></i>
                Réviser la file d'attente
                {% if stats.pending > 0 %}
                <span class="badge bg-warning text-dark ms-1">{{ stats.pending }}</span>
                {% endif %}
              </a>
              <a href="{{ url_for('admin_sources') }}" class="btn btn-outline-primary">
                <i class="fas fa-plus me-2"></i>Ajouter une source
              </a>
              <form action="{{ url_for('admin_crawl_run') }}" method="post" class="d-grid">
                <button type="submit" class="btn btn-outline-secondary">
                  <i class="fas fa-sync me-2"></i>Lancer un crawl maintenant
                </button>
              </form>
            </div>
          </div>
        </div>
      </div>

      <!-- Status -->
      <div class="col-lg-6">
        <div class="card border-0 shadow-sm rounded-3 h-100">
          <div class="card-body p-4">
            <h5 class="fw-bold mb-3"><i class="fas fa-info-circle me-2 text-accent"></i>État du pipeline</h5>
            <ul class="list-unstyled mb-0 admin-status-list">
              <li>
                <span class="text-muted">Dernier crawl</span>
                <strong>
                  {% if last_crawl %}
                    {{ last_crawl.strftime('%d/%m/%Y à %H:%M') }}
                  {% else %}
                    Jamais exécuté
                  {% endif %}
                </strong>
              </li>
              <li>
                <span class="text-muted">Clé OpenAI</span>
                {% if api_key_set %}
                <span class="badge bg-success">Configurée</span>
                {% else %}
                <span class="badge bg-danger">Manquante</span>
                {% endif %}
              </li>
              <li>
                <span class="text-muted">Crawl planifié</span>
                <strong>{{ CrawlConfig.get('crawl_hour', '2') }}h{{ CrawlConfig.get('crawl_minute', '00') }} (heure locale)</strong>
              </li>
              <li>
                <span class="text-muted">Articles rejetés</span>
                <strong>{{ stats.rejected }}</strong>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}