<%
  const raw = settings.raw;
  const runtime = settings.runtime;
  const secrets = settings.secrets;
  const checked = (value) => value ? 'checked' : '';
  const secretPlaceholder = (key) => secrets[key] ? 'Déjà renseigné' : 'Non renseigné';
%>

<div class="admin-page">
  <div class="admin-page-head">
    <h1>Paramètres</h1>
    <a href="/admin/automation" class="btn btn-ghost">IA auto</a>
  </div>

  <div class="stats-grid settings-status-grid">
    <div class="stat-card">
      <span class="stat-value"><%= runtime.stripe.enabled ? 'OK' : 'OFF' %></span>
      <span class="stat-label">Stripe</span>
    </div>
    <div class="stat-card">
      <span class="stat-value"><%= runtime.ai.enabled ? 'OK' : 'OFF' %></span>
      <span class="stat-label">OpenAI · <%= runtime.ai.model %></span>
    </div>
    <div class="stat-card">
      <span class="stat-value"><%= runtime.odds.enabled ? 'OK' : 'OFF' %></span>
      <span class="stat-label">The Odds API</span>
    </div>
    <div class="stat-card">
      <span class="stat-value"><%= runtime.telegram.enabled ? 'OK' : 'OFF' %></span>
      <span class="stat-label">Telegram</span>
    </div>
    <div class="stat-card">
      <span class="stat-value"><%= runtime.smtp.enabled ? 'OK' : 'OFF' %></span>
      <span class="stat-label">SMTP</span>
    </div>
  </div>

  <form action="/admin/settings" method="post" class="form">
    <input type="hidden" name="_csrf" value="<%= csrfToken %>" />

    <div class="admin-panel">
      <h2>Site</h2>
      <div class="form-grid">
        <div class="field">
          <label for="company_name">Nom du site</label>
          <input id="company_name" name="company_name" type="text" value="<%= raw.company_name || '' %>" />
        </div>
        <div class="field">
          <label for="site_base_url">Domaine</label>
          <input id="site_base_url" name="site_base_url" type="url" value="<%= raw.site_base_url || '' %>" />
        </div>
        <div class="field">
          <label for="site_asset_version">Version CSS/JS</label>
          <input id="site_asset_version" name="site_asset_version" type="text" value="<%= raw.site_asset_version || '' %>" />
        </div>
        <div class="field">
          <label for="company_email">Email public</label>
          <input id="company_email" name="company_email" type="email" value="<%= raw.company_email || '' %>" />
        </div>
      </div>
    </div>

    <div class="admin-panel">
      <h2>Société & légal</h2>
      <div class="form-grid">
        <div class="field">
          <label for="company_legal_name">Nom légal</label>
          <input id="company_legal_name" name="company_legal_name" type="text" value="<%= raw.company_legal_name || '' %>" />
        </div>
        <div class="field">
          <label for="company_siren">SIREN/SIRET</label>
          <input id="company_siren" name="company_siren" type="text" value="<%= raw.company_siren || '' %>" />
        </div>
        <div class="field">
          <label for="company_publication_director">Directeur de publication</label>
          <input id="company_publication_director" name="company_publication_director" type="text" value="<%= raw.company_publication_director || '' %>" />
        </div>
        <div class="field">
          <label for="company_country">Pays</label>
          <input id="company_country" name="company_country" type="text" value="<%= raw.company_country || '' %>" />
        </div>
        <div class="field field-wide">
          <label for="company_address">Adresse légale</label>
          <textarea id="company_address" name="company_address" rows="3"><%= raw.company_address || '' %></textarea>
        </div>
        <div class="field field-wide">
          <label for="company_hosting_provider">Hébergeur</label>
          <textarea id="company_hosting_provider" name="company_hosting_provider" rows="3"><%= raw.company_hosting_provider || '' %></textarea>
        </div>
      </div>
    </div>

    <div class="admin-panel">
      <h2>Stripe</h2>
      <div class="form-grid">
        <div class="field">
          <label for="stripe_secret_key">Clé secrète</label>
          <input id="stripe_secret_key" name="stripe_secret_key" type="password" value="" placeholder="<%= secretPlaceholder('stripe_secret_key') %>" autocomplete="new-password" />
          <label class="check-row check-row-compact">
            <input type="checkbox" name="clear_stripe_secret_key" />
            <span>Effacer</span>
          </label>
        </div>
        <div class="field">
          <label for="stripe_webhook_secret">Webhook secret</label>
          <input id="stripe_webhook_secret" name="stripe_webhook_secret" type="password" value="" placeholder="<%= secretPlaceholder('stripe_webhook_secret') %>" autocomplete="new-password" />
          <label class="check-row check-row-compact">
            <input type="checkbox" name="clear_stripe_webhook_secret" />
            <span>Effacer</span>
          </label>
        </div>
        <div class="field">
          <label for="stripe_price_montante_auto">Price MONTANTE</label>
          <input id="stripe_price_montante_auto" name="stripe_price_montante_auto" type="text" value="<%= raw.stripe_price_montante_auto || '' %>" />
        </div>
        <div class="field">
          <label for="stripe_price_montante">Price legacy 1 montante</label>
          <input id="stripe_price_montante" name="stripe_price_montante" type="text" value="<%= raw.stripe_price_montante || '' %>" />
        </div>
        <div class="field">
          <label for="stripe_price_monthly">Price legacy mensuel</label>
          <input id="stripe_price_monthly" name="stripe_price_monthly" type="text" value="<%= raw.stripe_price_monthly || '' %>" />
        </div>
        <div class="field">
          <label for="stripe_price_6_months">Price legacy 6 mois</label>
          <input id="stripe_price_6_months" name="stripe_price_6_months" type="text" value="<%= raw.stripe_price_6_months || '' %>" />
        </div>
        <div class="field">
          <label for="stripe_price_yearly">Price legacy annuel</label>
          <input id="stripe_price_yearly" name="stripe_price_yearly" type="text" value="<%= raw.stripe_price_yearly || '' %>" />
        </div>
      </div>
    </div>

    <div class="admin-panel">
      <h2>IA</h2>
      <label class="check-row">
        <input type="checkbox" name="ai_enabled" <%= checked(runtime.ai.enabled) %> />
        <span>Activer OpenAI</span>
      </label>
      <div class="form-grid">
        <div class="field">
          <label for="ai_openai_api_key">Clé OpenAI</label>
          <input id="ai_openai_api_key" name="ai_openai_api_key" type="password" value="" placeholder="<%= secretPlaceholder('ai_openai_api_key') %>" autocomplete="new-password" />
          <label class="check-row check-row-compact">
            <input type="checkbox" name="clear_ai_openai_api_key" />
            <span>Effacer</span>
          </label>
        </div>
        <div class="field">
          <label for="ai_provider">Provider</label>
          <input id="ai_provider" name="ai_provider" type="text" value="<%= raw.ai_provider || '' %>" />
        </div>
        <div class="field">
          <label for="ai_model">Modèle</label>
          <input id="ai_model" name="ai_model" type="text" value="<%= raw.ai_model || '' %>" />
        </div>
        <div class="field">
          <label for="ai_min_confidence">Confiance minimum</label>
          <input id="ai_min_confidence" name="ai_min_confidence" type="number" min="0" max="1" step="0.01" value="<%= raw.ai_min_confidence || '' %>" />
        </div>
      </div>
    </div>

    <div class="admin-panel">
      <h2>The Odds API</h2>
      <div class="form-grid">
        <div class="field">
          <label for="odds_api_key">Clé API</label>
          <input id="odds_api_key" name="odds_api_key" type="password" value="" placeholder="<%= secretPlaceholder('odds_api_key') %>" autocomplete="new-password" />
          <label class="check-row check-row-compact">
            <input type="checkbox" name="clear_odds_api_key" />
            <span>Effacer</span>
          </label>
        </div>
        <div class="field">
          <label for="odds_provider">Provider</label>
          <input id="odds_provider" name="odds_provider" type="text" value="<%= raw.odds_provider || '' %>" />
        </div>
        <div class="field">
          <label for="odds_regions">Régions</label>
          <input id="odds_regions" name="odds_regions" type="text" value="<%= raw.odds_regions || '' %>" />
        </div>
        <div class="field">
          <label for="odds_markets">Marchés</label>
          <input id="odds_markets" name="odds_markets" type="text" value="<%= raw.odds_markets || '' %>" />
        </div>
        <div class="field">
          <label for="odds_bookmakers">Bookmakers</label>
          <input id="odds_bookmakers" name="odds_bookmakers" type="text" value="<%= raw.odds_bookmakers || '' %>" />
        </div>
        <div class="field">
          <label for="odds_min">Cote minimum</label>
          <input id="odds_min" name="odds_min" type="number" min="1" step="0.01" value="<%= raw.odds_min || '' %>" />
        </div>
        <div class="field">
          <label for="odds_max">Cote maximum</label>
          <input id="odds_max" name="odds_max" type="number" min="1" step="0.01" value="<%= raw.odds_max || '' %>" />
        </div>
        <div class="field">
          <label for="odds_candidate_limit">Candidats maximum</label>
          <input id="odds_candidate_limit" name="odds_candidate_limit" type="number" min="1" step="1" value="<%= raw.odds_candidate_limit || '' %>" />
        </div>
        <div class="field">
          <label for="odds_lookahead_hours">Recherche sur X heures</label>
          <input id="odds_lookahead_hours" name="odds_lookahead_hours" type="number" min="1" step="1" value="<%= raw.odds_lookahead_hours || '' %>" />
        </div>
        <div class="field">
          <label for="result_check_delay_minutes">Délai résultat (min)</label>
          <input id="result_check_delay_minutes" name="result_check_delay_minutes" type="number" min="0" step="1" value="<%= raw.result_check_delay_minutes || '' %>" />
        </div>
        <div class="field">
          <label for="live_score_interval_seconds">Score live (sec)</label>
          <input id="live_score_interval_seconds" name="live_score_interval_seconds" type="number" min="30" step="1" value="<%= raw.live_score_interval_seconds || '' %>" />
        </div>
        <div class="field field-wide">
          <label for="odds_sport_keys">Ligues surveillées</label>
          <textarea id="odds_sport_keys" name="odds_sport_keys" rows="5"><%= raw.odds_sport_keys || '' %></textarea>
        </div>
      </div>
    </div>

    <div class="admin-panel">
      <h2>Automatisation</h2>
      <div class="form-grid">
        <label class="check-row">
          <input type="checkbox" name="automation_enabled" <%= checked(runtime.automation.automationEnabled) %> />
          <span>Automatisation complète</span>
        </label>
        <label class="check-row">
          <input type="checkbox" name="automation_publish_without_admin" <%= checked(runtime.automation.publishWithoutAdmin) %> />
          <span>Publication automatique</span>
        </label>
        <label class="check-row">
          <input type="checkbox" name="automation_worker_enabled" <%= checked(runtime.automation.workerEnabled) %> />
          <span>Worker interne</span>
        </label>
        <div class="field">
          <label for="automation_interval_seconds">Intervalle worker (sec)</label>
          <input id="automation_interval_seconds" name="automation_interval_seconds" type="number" min="60" step="1" value="<%= raw.automation_interval_seconds || '' %>" />
        </div>
        <div class="field">
          <label for="automation_cron_secret">Secret cron</label>
          <input id="automation_cron_secret" name="automation_cron_secret" type="password" value="" placeholder="<%= secretPlaceholder('automation_cron_secret') %>" autocomplete="new-password" />
          <label class="check-row check-row-compact">
            <input type="checkbox" name="clear_automation_cron_secret" />
            <span>Effacer</span>
          </label>
        </div>
        <div class="field">
          <label for="montante_pack_price_cents">Prix pack (centimes)</label>
          <input id="montante_pack_price_cents" name="montante_pack_price_cents" type="number" min="100" step="1" value="<%= raw.montante_pack_price_cents || '' %>" />
        </div>
        <div class="field">
          <label for="montante_start_amount_cents">Mise départ (centimes)</label>
          <input id="montante_start_amount_cents" name="montante_start_amount_cents" type="number" min="100" step="1" value="<%= raw.montante_start_amount_cents || '' %>" />
        </div>
        <div class="field">
          <label for="montante_target_multiplier">Multiplicateur cible</label>
          <input id="montante_target_multiplier" name="montante_target_multiplier" type="number" min="1" step="0.1" value="<%= raw.montante_target_multiplier || '' %>" />
        </div>
        <div class="field">
          <label for="montante_target_amount_cents">Montant cible fixe (centimes)</label>
          <input id="montante_target_amount_cents" name="montante_target_amount_cents" type="number" min="0" step="1" value="<%= raw.montante_target_amount_cents || '' %>" />
        </div>
        <div class="field">
          <label for="montante_max_paliers">Paliers maximum</label>
          <input id="montante_max_paliers" name="montante_max_paliers" type="number" min="1" max="99" step="1" value="<%= raw.montante_max_paliers || '' %>" />
        </div>
      </div>
    </div>

    <div class="admin-panel">
      <h2>SMTP</h2>
      <label class="check-row">
        <input type="checkbox" name="smtp_secure" <%= checked(runtime.smtp.secure) %> />
        <span>Connexion SSL/TLS</span>
      </label>
      <div class="form-grid">
        <div class="field">
          <label for="smtp_host">Serveur</label>
          <input id="smtp_host" name="smtp_host" type="text" value="<%= raw.smtp_host || '' %>" />
        </div>
        <div class="field">
          <label for="smtp_port">Port</label>
          <input id="smtp_port" name="smtp_port" type="number" min="1" step="1" value="<%= raw.smtp_port || '' %>" />
        </div>
        <div class="field">
          <label for="smtp_user">Utilisateur</label>
          <input id="smtp_user" name="smtp_user" type="text" value="<%= raw.smtp_user || '' %>" />
        </div>
        <div class="field">
          <label for="smtp_pass">Mot de passe</label>
          <input id="smtp_pass" name="smtp_pass" type="password" value="" placeholder="<%= secretPlaceholder('smtp_pass') %>" autocomplete="new-password" />
          <label class="check-row check-row-compact">
            <input type="checkbox" name="clear_smtp_pass" />
            <span>Effacer</span>
          </label>
        </div>
        <div class="field">
          <label for="smtp_from">Expéditeur</label>
          <input id="smtp_from" name="smtp_from" type="text" value="<%= raw.smtp_from || '' %>" />
        </div>
        <div class="field">
          <label for="smtp_contact_to">Destinataire contact</label>
          <input id="smtp_contact_to" name="smtp_contact_to" type="email" value="<%= raw.smtp_contact_to || '' %>" />
        </div>
      </div>
    </div>

    <div class="admin-panel">
      <h2>Telegram</h2>
      <label class="check-row">
        <input type="checkbox" name="telegram_enabled" <%= checked(runtime.telegram.enabled) %> />
        <span>Activer Telegram</span>
      </label>
      <label class="check-row">
        <input type="checkbox" name="telegram_silent" <%= checked(runtime.telegram.silent) %> />
        <span>Messages silencieux</span>
      </label>
      <div class="form-grid">
        <div class="field">
          <label for="telegram_bot_token">Token bot</label>
          <input id="telegram_bot_token" name="telegram_bot_token" type="password" value="" placeholder="<%= secretPlaceholder('telegram_bot_token') %>" autocomplete="new-password" />
          <label class="check-row check-row-compact">
            <input type="checkbox" name="clear_telegram_bot_token" />
            <span>Effacer</span>
          </label>
        </div>
        <div class="field">
          <label for="telegram_channel_id">Canal</label>
          <input id="telegram_channel_id" name="telegram_channel_id" type="text" value="<%= raw.telegram_channel_id || '' %>" />
        </div>
        <div class="field">
          <label for="telegram_default_site">Site affiché</label>
          <input id="telegram_default_site" name="telegram_default_site" type="text" value="<%= raw.telegram_default_site || '' %>" />
        </div>
      </div>
    </div>

    <div class="admin-panel">
      <h2>Accès legacy</h2>
      <div class="form-grid">
        <div class="field">
          <label for="access_days_montante">Accès 1 montante (jours)</label>
          <input id="access_days_montante" name="access_days_montante" type="number" min="1" step="1" value="<%= raw.access_days_montante || '' %>" />
        </div>
        <div class="field">
          <label for="access_days_6_months">Accès 6 mois (jours)</label>
          <input id="access_days_6_months" name="access_days_6_months" type="number" min="1" step="1" value="<%= raw.access_days_6_months || '' %>" />
        </div>
        <div class="field">
          <label for="access_days_yearly">Accès annuel (jours)</label>
          <input id="access_days_yearly" name="access_days_yearly" type="number" min="1" step="1" value="<%= raw.access_days_yearly || '' %>" />
        </div>
      </div>
    </div>

    <div class="admin-panel form-actions">
      <button type="submit" class="btn btn-primary">Enregistrer les paramètres</button>
    </div>
  </form>
</div>
