{% extends "onboarding/_base.html" %}
{% block title %}Credentials — Onboarding{% endblock %}
{% block content %}
<!-- WIZARD_STEP_PROVIDER_CREDENTIALS_MARKER -->
<h1 class="text-2xl font-bold text-slate-100 mb-4">{% if needs_api_key %}API key{% else %}Credentials{% endif %}</h1>
{% if needs_api_key %}
  <p class="text-slate-300 mb-4">Paste your <span class="font-mono">{{ provider_name }}</span> API key. It is stored only in your local <span class="font-mono">config.yaml</span>.</p>
  {% if provider_name == "anthropic" %}
  <div class="p-3 bg-amber-900/30 border border-amber-700 rounded mb-3 text-sm text-amber-200">
    <strong>Paid transport:</strong> calls are billed per token against your Anthropic API key and counted toward <span class="font-mono">scoring.daily_budget_usd</span>. For $0 usage, install the <span class="font-mono">claude</span> CLI and log in with a Claude.ai subscription instead.
  </div>
  {% endif %}
  <form method="post" action="{{ url_for('onboarding.provider_credentials') }}" class="space-y-3">
    <input type="password" name="api_key" placeholder="sk-..." required class="w-full bg-slate-900 border border-slate-700 rounded px-3 py-2 text-slate-100">
    <button type="submit" class="bg-indigo-600 hover:bg-indigo-500 text-white px-4 py-2 rounded">Continue</button>
  </form>
{% else %}
  <div class="p-4 bg-green-900/30 border border-green-700 rounded mb-4">
    <p class="text-green-200">No credentials needed for <span class="font-mono">{{ provider_name }}</span> - it uses your existing subscription / local install.</p>
  </div>
  <form method="post" action="{{ url_for('onboarding.provider_credentials') }}">
    <button type="submit" class="bg-indigo-600 hover:bg-indigo-500 text-white px-4 py-2 rounded">Continue</button>
  </form>
{% endif %}
{% endblock %}