<div class="admin-page">
  <div class="admin-page-head">
    <h1>Automatisation IA</h1>
    <form action="/admin/automation/tick" method="post" class="inline-form"
          data-confirm="Lancer un tick d'automatisation maintenant ?">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>" />
      <button type="submit" class="btn btn-primary">Lancer un tick</button>
    </form>
  </div>

  <div class="stats-grid">
    <div class="stat-card">
      <span class="stat-value"><%= envStatus.ai ? 'OK' : 'OFF' %></span>
      <span class="stat-label">OpenAI · <%= envStatus.model %></span>
    </div>
    <div class="stat-card">
      <span class="stat-value"><%= envStatus.odds ? 'OK' : 'OFF' %></span>
      <span class="stat-label">The Odds API</span>
    </div>
    <div class="stat-card">
      <span class="stat-value"><%= envStatus.stripe ? 'OK' : 'OFF' %></span>
      <span class="stat-label">Stripe</span>
    </div>
    <div class="stat-card">
      <span class="stat-value"><%= envStatus.telegram ? 'OK' : 'OFF' %></span>
      <span class="stat-label">Telegram</span>
    </div>
    <div class="stat-card">
      <span class="stat-value"><%= envStatus.worker ? 'ON' : 'OFF' %></span>
      <span class="stat-label">Worker interne</span>
    </div>
  </div>

  <div class="admin-cols">
    <div class="admin-panel">
      <h2>Paramètres</h2>
      <form action="/admin/automation" method="post" class="form">
        <input type="hidden" name="_csrf" value="<%= csrfToken %>" />

        <label class="check-row">
          <input type="checkbox" name="automation_enabled" <%= settings.automationEnabled ? 'checked' : '' %> />
          <span>Activer l'automatisation complète</span>
        </label>

        <label class="check-row">
          <input type="checkbox" name="automation_publish_without_admin" <%= settings.publishWithoutAdmin ? 'checked' : '' %> />
          <span>Publier sans validation admin</span>
        </label>

        <div class="form-grid">
          <div class="field">
            <label for="pack_price_cents">Prix pack (centimes)</label>
            <input id="pack_price_cents" name="pack_price_cents" type="number" min="100" step="1" value="<%= settings.packPriceCents %>" />
          </div>
          <div class="field">
            <label for="start_amount_cents">Mise départ (centimes)</label>
            <input id="start_amount_cents" name="start_amount_cents" type="number" min="100" step="1" value="<%= settings.startAmountCents %>" />
          </div>
          <div class="field">
            <label for="target_multiplier">Multiplicateur cible</label>
            <input id="target_multiplier" name="target_multiplier" type="number" min="1" step="0.1" value="<%= settings.targetMultiplier %>" />
          </div>
          <div class="field">
            <label for="target_amount_cents">Montant cible fixe (centimes)</label>
            <input id="target_amount_cents" name="target_amount_cents" type="number" min="0" step="1" value="<%= settings.targetAmountCents %>" />
          </div>
          <div class="field">
            <label for="max_paliers">Paliers max</label>
            <input id="max_paliers" name="max_paliers" type="number" min="1" max="99" step="1" value="<%= settings.maxPaliers %>" />
          </div>
          <div class="field">
            <label for="ai_min_confidence">Confiance IA min</label>
            <input id="ai_min_confidence" name="ai_min_confidence" type="number" min="0" max="1" step="0.01" value="<%= settings.aiMinConfidence %>" />
          </div>
          <div class="field">
            <label for="odds_min">Cote min</label>
            <input id="odds_min" name="odds_min" type="number" min="1" step="0.01" value="<%= settings.oddsMin %>" />
          </div>
          <div class="field">
            <label for="odds_max">Cote max</label>
            <input id="odds_max" name="odds_max" type="number" min="1" step="0.01" value="<%= settings.oddsMax %>" />
          </div>
        </div>

        <button type="submit" class="btn btn-primary">Enregistrer</button>
      </form>
    </div>

    <div class="admin-panel">
      <h2>État de la montante</h2>
      <% if (activeMontante) { %>
        <table class="kv-table">
          <tr><th>ID</th><td>#<%= activeMontante.id %></td></tr>
          <tr><th>Mode</th><td><%= activeMontante.mode %></td></tr>
          <tr><th>Statut IA</th><td><%= activeMontante.automation_status %></td></tr>
          <tr><th>Mise courante</th><td><%= fmtPrice(activeMontante.current_amount_cents) %></td></tr>
          <tr><th>Cible</th><td><%= activeMontante.target_amount_cents ? fmtPrice(activeMontante.target_amount_cents) : 'x' + Number(activeMontante.target_multiplier).toFixed(1) %></td></tr>
          <tr><th>Prochain palier</th><td><%= activeMontante.next_palier_number %></td></tr>
        </table>
        <% if (activeMontante.automation_error) { %>
          <p class="notice notice-warning"><%= activeMontante.automation_error %></p>
        <% } %>
      <% } else if (lastEnded) { %>
        <p class="muted">Aucune montante active. Dernière montante #<%= lastEnded.id %> : <%= lastEnded.status %>.</p>
      <% } else { %>
        <p class="muted">Aucune montante pour le moment. Le prochain tick en créera une.</p>
      <% } %>

      <hr class="panel-sep" />
      <h3 class="panel-subtitle">Sports surveillés</h3>
      <p class="muted cell-mono"><%= envStatus.sports.join(', ') %></p>
    </div>
  </div>

  <div class="admin-panel">
    <h2>Derniers runs</h2>
    <% if (!runs.length) { %>
      <p class="muted">Aucun run enregistré.</p>
    <% } else { %>
      <div class="table-wrap">
        <table class="data-table">
          <thead><tr><th>Date</th><th>Type</th><th>Statut</th><th>Message</th></tr></thead>
          <tbody>
            <% runs.forEach(function(run){ %>
              <tr>
                <td><%= fmtDateTime(run.created_at) %></td>
                <td><%= run.run_type %></td>
                <td><span class="status-pill status-<%= run.status === 'success' ? 'won' : run.status === 'error' ? 'lost' : 'pending' %>"><%= run.status %></span></td>
                <td><%= run.message || '—' %></td>
              </tr>
            <% }) %>
          </tbody>
        </table>
      </div>
    <% } %>
  </div>

  <div class="admin-panel">
    <h2>Dernières facturations par montante</h2>
    <% if (!billings.length) { %>
      <p class="muted">Aucune facturation automatique enregistrée.</p>
    <% } else { %>
      <div class="table-wrap">
        <table class="data-table">
          <thead><tr><th>Date</th><th>Membre</th><th>Montante</th><th>Montant</th><th>Statut</th><th>Stripe</th></tr></thead>
          <tbody>
            <% billings.forEach(function(b){ %>
              <tr>
                <td><%= fmtDateTime(b.created_at) %></td>
                <td><%= b.email %></td>
                <td>#<%= b.montante_id %></td>
                <td><%= fmtPrice(b.amount_cents) %></td>
                <td><span class="status-pill status-<%= b.status === 'paid' ? 'won' : b.status === 'failed' ? 'lost' : 'pending' %>"><%= b.status %></span></td>
                <td class="cell-mono"><%= b.stripe_payment_intent_id || b.error_code || '—' %></td>
              </tr>
            <% }) %>
          </tbody>
        </table>
      </div>
    <% } %>
  </div>
</div>
