{% extends "base.html" %}
{% block title %}Pageboy · 로그인{% endblock %}
{% block subtitle %}대시보드 비밀번호 — 외부 서비스 계정이 아닙니다.{% endblock %}
{% block content %}
<section class="panel narrow">
  <div class="panel-head">
    <h2>{{ auth_guide.title }}</h2>
  </div>
  <p class="prose">{{ auth_guide.blurb }}</p>
  <ul class="links">
    {% for link in auth_guide.links %}
    <li><a href="{{ link.url }}" target="_blank" rel="noopener noreferrer">{{ link.label }}</a></li>
    {% endfor %}
  </ul>

  {% if error %}
  <p class="flash bad" role="alert">비밀번호가 맞지 않습니다. 데몬을 켤 때 쓴 PB_AUTH_TOKEN 과 같은지 확인하세요.</p>
  {% endif %}

  {% if not auth_configured %}
  <p class="flash">지금은 비밀번호가 설정되어 있지 않습니다. 이 PC(루프백)에서는 바로 사용할 수 있습니다.</p>
  <p><a class="btn" href="/ui/settings">설정으로 이동</a></p>
  {% else %}
  <form method="post" action="/ui/login" class="stack">
    <label class="field">
      <span class="label-row">
        비밀번호
        <button type="button" class="tip" title="{{ auth_guide.tooltip }}" aria-label="도움말">?</button>
      </span>
      <input
        type="password"
        name="password"
        autocomplete="current-password"
        required
        placeholder="PB_AUTH_TOKEN 값"
        title="{{ auth_guide.tooltip }}"
      />
      <span class="field-help">터미널의 <code>export PB_AUTH_TOKEN=...</code> 에 넣은 그 문자열</span>
    </label>
    <button type="submit" class="btn primary">들어가기</button>
  </form>
  {% endif %}
</section>
{% endblock %}