{% extends "base.html" %}
{% block title %}Pageboy · 채널·비밀값{% endblock %}
{% block subtitle %}각 서비스에서 받은 열쇠를 붙여넣고, 깨우기 채널을 켭니다. 저장한 값은 다시 보여 주지 않습니다.{% endblock %}
{% block content %}

{% if flash_saved %}
<p class="flash ok" role="status">저장했습니다: <code>{{ flash_saved }}</code> (내용은 보안상 다시 표시하지 않습니다)</p>
{% endif %}
{% if flash_err %}
<p class="flash bad" role="alert">저장 실패: {{ flash_err }}</p>
{% endif %}

{% if auth_configured and not has_session %}
<p class="flash warn">
  보호 비밀번호가 켜져 있습니다. 채널 토큰을 저장하려면
  <a href="/ui/login">로그인</a>이 필요합니다.
</p>
{% endif %}

{% if env_override %}
<p class="flash warn">
  환경변수 <code>PB_CHANNELS_ENABLED</code> 가 설정되어 있어, UI의 켜기/끄기가 저장소에 반영되지 않을 수 있습니다.
</p>
{% endif %}

{% for row in channels %}
{% set g = row.guide %}
<section class="panel" id="channel-{{ g.name }}">
  <div class="panel-head">
    <h2>{{ g.title }}</h2>
    <span class="status-pill {% if row.running %}on{% elif row.enabled %}enabled{% else %}off{% endif %}">
      {% if row.running %}수신 중{% elif row.enabled %}켜짐·대기{% else %}꺼짐{% endif %}
    </span>
  </div>

  <p class="prose"><strong>한 줄 요약:</strong> {{ g.blurb }}</p>
  <p class="prose muted">{{ g.what_it_does }}</p>

  <h3 class="subhead">이렇게 준비하세요</h3>
  <ol class="steps">
    {% for step in g.steps %}
    <li>{{ step }}</li>
    {% endfor %}
  </ol>

  <ul class="links">
    {% for link in g.links %}
    <li>
      <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.label }}</a>
    </li>
    {% endfor %}
  </ul>

  {% for field in g.fields %}
  <form
    method="post"
    action="/ui/settings/channels/{{ g.name }}/secret"
    class="stack secret-form"
  >
    <input type="hidden" name="secret_name" value="{{ field.secret_name }}" />
    <label class="field">
      <span class="label-row">
        {{ field.label }}
        {% if row.secret_flags[field.secret_name] %}
        <span class="badge">저장됨</span>
        {% else %}
        <span class="badge muted">아직 없음</span>
        {% endif %}
        <button type="button" class="tip" title="{{ field.tooltip }}" aria-label="{{ field.label }} 도움말">?</button>
      </span>
      <input
        type="password"
        name="value"
        autocomplete="off"
        required
        placeholder="{{ field.placeholder }}"
        title="{{ field.tooltip }}"
      />
      <span class="field-help">{{ field.help }}</span>
    </label>
    <button type="submit" class="btn primary">이 값 저장</button>
  </form>
  {% endfor %}

  <div class="actions">
    {% if row.enabled %}
    <form method="post" action="/ui/settings/channels/{{ g.name }}/disable">
      <button type="submit" class="btn">이 채널 끄기</button>
    </form>
    {% else %}
    <form method="post" action="/ui/settings/channels/{{ g.name }}/enable">
      <button type="submit" class="btn primary" title="토큰을 저장한 뒤 켜세요. 데몬이 바로 수신을 시도합니다.">
        이 채널 켜기
      </button>
    </form>
    {% endif %}
  </div>
</section>
{% endfor %}

<section class="panel" id="jira-info">
  <div class="panel-head">
    <h2>{{ jira_info.title }}</h2>
  </div>
  <p class="prose"><strong>한 줄 요약:</strong> {{ jira_info.blurb }}</p>
  <p class="prose muted">{{ jira_info.what_it_does }}</p>
  <h3 class="subhead">토큰은 이렇게 받습니다</h3>
  <ol class="steps">
    {% for step in jira_info.steps %}
    <li>{{ step }}</li>
    {% endfor %}
  </ol>
  <ul class="links">
    {% for link in jira_info.links %}
    <li>
      <a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.label }}</a>
    </li>
    {% endfor %}
  </ul>
  <p class="note">{{ jira_info.note }}</p>

  <h3 class="subhead">하네스용 비밀 보관 (선택)</h3>
  <p class="prose muted">아래는 깨우기 채널이 아닙니다. 필요할 때 스크립트가 쓰도록 안전하게만 보관합니다.</p>
  {% for field in harness_secrets %}
  <form method="post" action="/ui/settings/harness-secret" class="stack secret-form">
    <input type="hidden" name="key" value="{{ field.key }}" />
    <label class="field">
      <span class="label-row">
        {{ field.label }}
        {% if field.exists %}
        <span class="badge">저장됨</span>
        {% else %}
        <span class="badge muted">아직 없음</span>
        {% endif %}
        <button type="button" class="tip" title="{{ field.tooltip }}" aria-label="{{ field.label }} 도움말">?</button>
      </span>
      <input
        type="password"
        name="value"
        autocomplete="off"
        required
        placeholder="{{ field.placeholder }}"
        title="{{ field.tooltip }}"
      />
      <span class="field-help">{{ field.help }} · 키 이름 <code>{{ field.key }}</code></span>
    </label>
    <button type="submit" class="btn primary">이 값 저장</button>
  </form>
  {% endfor %}
</section>

{% endblock %}