{% extends "base.html" %}
{% block title %}Credentials — alembic{% endblock %}
{% block content %}
<div class="page-header">
  <div>
    <h1>Credentials</h1>
    <p class="subtitle muted">Write-only: values are encrypted at rest and never sent back to the browser. Leave a field blank to keep it unchanged.</p>
  </div>
</div>

<div class="cred-grid">
  {% for scope, fields in scope_fields.items() %}
  <div class="cred-scope">
    <h2 class="scope-header">{{ scope }}</h2>
    <div class="panel">
      <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 %}