{% extends "base.html" %}
{% block title %}站点登录 — News Harvester{% endblock %}
{% block extra_head %}
{% if test_state and test_state.values() | selectattr('running') | list %}
<meta http-equiv="refresh" content="5">
{% endif %}
{% endblock %}
{% block content %}

<h1>站点登录</h1>
<p style="color:#666;font-size:13px">
  按<strong>站点</strong>维护凭据:站点 = 源名第一段,同一账号的多个频道共享一份凭据与配方
  (如 <code>nikkei</code> 一份凭据覆盖 <code>nikkei-world / nikkei-markets / nikkei-tech</code> 全部频道)。
  保存后以 600 权限落盘(<code>etc/news-harvester/logins/</code>),密码不再回显;
  每个频道采集前自动预检,未登录会自动登录。配方在技能仓 <code>logins/</code> 下维护(同样按站点)。
</p>

{% with messages = get_flashed_messages() %}
  {% if messages %}{% for m in messages %}<div class="flash">{{ m }}</div>{% endfor %}{% endif %}
{% endwith %}

<div class="table-wrap">
<table>
  <thead>
    <tr><th>站点</th><th>登录账号</th><th>首页</th><th>覆盖频道</th><th>凭据</th><th>自动登录配方</th><th>上次测试</th><th>操作</th></tr>
  </thead>
  <tbody>
    {% for r in rows %}
    <tr>
      <td><code>{{ r.site }}</code></td>
      <td>{{ r.user or '—' }}</td>
      <td>{{ r.url or '—' }}</td>
      <td>
        {% if r.sources %}
          {% for s in r.sources %}<code style="margin-right:4px">{{ s }}</code>{% endfor %}
        {% else %}
          <span class="badge unknown">未接入源(配方与凭据先行,装源后直接生效)</span>
        {% endif %}
      </td>
      <td>
        {% if r.configured %}<span class="badge ok">已配置</span>
        {% else %}<span class="badge unknown">未配置</span>{% endif %}
      </td>
      <td>
        {% if r.has_recipe %}<span class="badge ok">支持</span>
        {% else %}<span class="badge unknown">无配方(配置凭据后点右侧按钮自动生成)</span>{% endif %}
      </td>
      {% set st = test_state.get(r.site) %}
      <td>
        {% if st and st.running %}
          <span class="badge active">测试中…(启动于 {{ st.start }})</span>
        {% elif st and st.done %}
          {% if '已登录' in st.output or '登录成功' in st.output %}
            <span class="badge ok">通过</span>
          {% else %}
            <span class="badge fail">失败</span>
          {% endif %}
          <details><summary>输出</summary><pre>{{ st.output }}</pre></details>
        {% else %}
          —
        {% endif %}
      </td>
      <td>
        {% if r.has_recipe %}
        <form method="POST" action="{{ url_for('login_test', site=r.site) }}" style="display:inline">
          <button type="submit" class="btn btn-sm" {% if st and st.running %}disabled{% endif %}>测试登录</button>
        </form>
        {% elif r.configured %}
        <form method="POST" action="{{ url_for('login_discover', site=r.site) }}" style="display:inline"
              onsubmit="return confirm('自动识别 {{ r.site }} 的登录流程并生成站点级配方,随后立即用凭据实登验证?')">
          <button type="submit" class="btn btn-sm btn-primary" {% if st and st.running %}disabled{% endif %}>自动配置配方并测试</button>
        </form>
        {% endif %}
        <button class="btn btn-sm" onclick="fillForm('{{ r.site }}', '{{ r.url }}', '{{ r.user }}')">编辑</button>
        {% if r.configured %}
        <form method="POST" action="{{ url_for('login_delete', site=r.site) }}" style="display:inline"
              onsubmit="return confirm('删除站点 {{ r.site }} 的登录凭据(对该站点全部频道生效)?')">
          <button type="submit" class="btn btn-sm btn-danger">删除</button>
        </form>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>

<h2>{{ '编辑站点凭据' if edit_hint else '添加 / 更新站点凭据' }}</h2>
<form method="POST" action="{{ url_for('login_save') }}" class="card" style="max-width:520px;padding:16px;display:grid;gap:10px">
  <label>站点 ID(源名第一段,如 nikkei / digitimes / wsj;单段源即自身)
    <input name="site" id="f-site" required pattern="[a-zA-Z0-9_-]+"
           style="width:100%;background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:6px 8px">
  </label>
  <label>站点首页(信息性,便于识别)
    <input name="url" id="f-url" placeholder="https://www.example.com/"
           style="width:100%;background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:6px 8px">
  </label>
  <label>账号(邮箱/用户名)
    <input name="user" id="f-user" required
           style="width:100%;background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:6px 8px">
  </label>
  <label>密码(编辑已有条目时留空 = 保留原密码)
    <input type="password" name="password" id="f-password" autocomplete="new-password"
           style="width:100%;background:#1a1d27;border:1px solid #2a2d37;border-radius:4px;color:#d4d4d4;padding:6px 8px">
  </label>
  <div>
    <button type="submit" class="btn btn-primary">保存</button>
  </div>
</form>

<script>
function fillForm(site, url, user) {
  document.getElementById('f-site').value = site;
  document.getElementById('f-url').value = url;
  document.getElementById('f-user').value = user;
  document.getElementById('f-password').value = '';
  window.scrollTo({top: document.body.scrollHeight, behavior: 'smooth'});
}
</script>

{% endblock %}