{% 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() %}
  <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 %}