{% extends "settings/_layout.html" %}
{% block settings_title %}Credentials{% endblock %}
{% block settings_content %}
<h2 style="margin-top:0;">Credentials</h2>
<p class="muted" style="margin-top:-0.75rem;">Write-only: values are encrypted at rest and never sent back to the browser. Leave a field blank to keep it unchanged.</p>

<div class="cred-grid">
  {% for scope, fields in scope_fields.items() %}
  {% set is_core = scope in core_scopes %}
  {% set is_enabled = enabled.get(scope, True) %}
  <div class="cred-scope {{ 'cred-disabled' if not is_core and not is_enabled else '' }}">
    <div class="panel">
      <div class="cred-scope-header">
        <div>
          <h2>
            {{ scope }}
            {% if is_core %}
            <span class="badge badge-info" title="Needed for the core pipeline to work">Required</span>
            {% elif configured.get(scope) %}
            <span class="badge badge-success">Configured</span>
            {% else %}
            <span class="badge badge-muted">Not configured</span>
            {% endif %}
          </h2>
          <p class="muted cred-desc">{{ scope_descriptions.get(scope, "") }}</p>
        </div>
        {% if not is_core %}
        <form method="post" action="/settings/credentials/{{ scope }}/toggle" class="inline">
          <label class="switch" title="{{ 'Disable' if is_enabled else 'Enable' }} {{ scope }}">
            <input type="checkbox" {{ "checked" if is_enabled else "" }} onchange="this.form.submit()">
            <span class="switch-track"><span class="switch-thumb"></span></span>
          </label>
        </form>
        {% endif %}
      </div>

      {% if not is_core and not is_enabled %}
      <p class="cred-disabled-note">Disabled — its scheduled automation is paused (or, for buy-link sources, its rendered credential file is removed) until you turn this back on. Saved values below are kept.</p>
      {% endif %}

      <form method="post" action="/settings/credentials/{{ scope }}">
        {% for field in fields %}
        <div class="field wide">
          <label for="{{ scope }}_{{ field }}">
            {{ field }}
            {% if field in configured.get(scope, []) %}<span class="badge badge-success" style="margin-left:0.5rem;">set</span>{% endif %}
          </label>
          {% if field in ("cookies_txt",) %}
          <textarea id="{{ scope }}_{{ field }}" name="{{ field }}" rows="6" placeholder="leave blank to keep current"></textarea>
          {% else %}
          <input type="password" id="{{ scope }}_{{ field }}" name="{{ field }}" placeholder="leave blank to keep current" autocomplete="off">
          {% endif %}
        </div>
        {% endfor %}
        <button type="submit" class="btn">Save {{ scope }}</button>
      </form>
    </div>
  </div>
  {% endfor %}
</div>
{% endblock %}