{% extends 'base.html' %}
{% block title %}Configuration — 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-cog me-2 text-accent"></i>Configuration
      </h1>
      <p class="text-muted mb-0">Paramètres du pipeline de veille</p>
    </div>

    <form method="post" action="{{ url_for('admin_config') }}">
      <div class="row g-4">

        <!-- OpenAI -->
        <div class="col-12">
          <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">
              <h5 class="fw-bold mb-3">
                <i class="fas fa-robot me-2 text-accent"></i>OpenAI
              </h5>
              <div class="row g-3">
                <div class="col-md-8">
                  <label class="form-label fw-medium">Clé API OpenAI</label>
                  <div class="input-group">
                    <span class="input-group-text"><i class="fas fa-key"></i></span>
                    <input type="password" name="openai_api_key" class="form-control"
                           placeholder="{% if config.openai_api_key %}••••••••••••••••••••••••{% else %}sk-...{% endif %}"
                           autocomplete="off">
                  </div>
                  <div class="form-text">
                    {% if config.openai_api_key %}
                    <span class="text-success"><i class="fas fa-check-circle me-1"></i>Clé configurée.</span>
                    Laissez vide pour conserver la clé actuelle.
                    {% else %}
                    <span class="text-danger"><i class="fas fa-exclamation-circle me-1"></i>Aucune clé configurée — le crawl ne peut pas s'exécuter.</span>
                    {% endif %}
                  </div>
                </div>
                <div class="col-md-4">
                  <label class="form-label fw-medium">Modèle</label>
                  <select name="openai_model" class="form-select">
                    <option value="gpt-4o" {% if config.openai_model == 'gpt-4o' %}selected{% endif %}>
                      GPT-4o (recommandé)
                    </option>
                    <option value="gpt-4o-mini" {% if config.openai_model == 'gpt-4o-mini' %}selected{% endif %}>
                      GPT-4o mini (économique)
                    </option>
                    <option value="gpt-4-turbo" {% if config.openai_model == 'gpt-4-turbo' %}selected{% endif %}>
                      GPT-4 Turbo
                    </option>
                  </select>
                  <div class="form-text">GPT-4o offre la meilleure extraction structurée.</div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Scheduler -->
        <div class="col-12">
          <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">
              <h5 class="fw-bold mb-3">
                <i class="fas fa-clock me-2 text-accent"></i>Planification du crawl
              </h5>
              <div class="row g-3 align-items-end">
                <div class="col-md-3">
                  <label class="form-label fw-medium">Heure (0–23)</label>
                  <input type="number" name="crawl_hour" class="form-control"
                         min="0" max="23" value="{{ config.crawl_hour }}">
                  <div class="form-text">Heure locale du serveur</div>
                </div>
                <div class="col-md-3">
                  <label class="form-label fw-medium">Minute (0–59)</label>
                  <input type="number" name="crawl_minute" class="form-control"
                         min="0" max="59" value="{{ config.crawl_minute }}">
                </div>
                <div class="col-md-4">
                  <div class="info-box">
                    <i class="fas fa-info-circle me-1 text-primary"></i>
                    Crawl automatique chaque nuit à
                    <strong>{{ config.crawl_hour }}h{{ '%02d'|format(config.crawl_minute|int) }}</strong>.
                    Les résultats apparaissent en file d'attente le lendemain matin.
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Limits -->
        <div class="col-12">
          <div class="card border-0 shadow-sm rounded-3">
            <div class="card-body p-4">
              <h5 class="fw-bold mb-3">
                <i class="fas fa-sliders-h me-2 text-accent"></i>Limites
              </h5>
              <div class="row g-3">
                <div class="col-md-4">
                  <label class="form-label fw-medium">Articles max par crawl</label>
                  <input type="number" name="max_articles_per_run" class="form-control"
                         min="1" max="200" value="{{ config.max_articles_per_run }}">
                  <div class="form-text">Limite le nombre d'appels API OpenAI par nuit.</div>
                </div>
                <div class="col-md-8">
                  <div class="info-box mt-4">
                    <i class="fas fa-coins me-1 text-primary"></i>
                    <strong>Coût estimé :</strong> ~0.01–0.05 USD par article (GPT-4o).
                    20 articles/nuit ≈ 0.20–1.00 USD/nuit.
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="col-12 d-flex gap-2">
          <button type="submit" class="btn btn-primary px-4">
            <i class="fas fa-save me-2"></i>Enregistrer la configuration
          </button>
          <a href="{{ url_for('admin_index') }}" class="btn btn-outline-secondary">Annuler</a>
        </div>
      </div>
    </form>
  </div>
</div>
{% endblock %}