{% 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>~/.news-harvester/profiles/&lt;站点&gt;/</code>,站点 = 源名第一段,
  如 <code>nikkei-world / nikkei-markets / nikkei-tech</code> 共用 <code>nikkei</code> 一份登录,
  测任一频道即知全站状态)。<strong>凭据与配方同样按站点</strong>:一份账号密码+配方覆盖该站全部频道;
  保存后以 600 权限落盘,密码不再回显。每个源采集前自动预检,未登录会自动登录。
</p>

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

<h2>登录态 · 按源</h2>
<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 src_rows %}
    <tr>
      <td><code>{{ r.source }}</code>{% if r.display and r.display != r.source %} <span style="color:#888">{{ r.display }}</span>{% endif %}</td>
      <td><code>{{ r.site }}</code></td>
      <td>{% if r.enabled %}<span class="badge ok">开</span>{% else %}<span class="badge unknown">停</span>{% endif %}</td>
      <td>{{ r.user or '—' }}</td>
      <td>
        {% if r.has_recipe %}<span class="badge ok">支持</span>
        {% else %}<span class="badge unknown">无配方</span>{% endif %}
      </td>
      <td>
        {% if r.has_profile %}<span class="badge ok">已建</span>
        {% else %}<span class="badge unknown">未建(测试/首跑时自动创建)</span>{% endif %}
      </td>
      {% set st = test_state.get(r.source) %}
      <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>
        <form method="POST" action="{{ url_for('login_test_source', source=r.source) }}" style="display:inline">
          <button type="submit" class="btn btn-sm" {% if st and st.running %}disabled{% endif %}>测试登录</button>
        </form>
        {% if not r.configured %}
          <span style="color:#f0a050;font-size:12px">站点未配凭据</span>
        {% endif %}
      </td>
    </tr>
    {% endfor %}
  </tbody>
</table>
</div>

<h2>站点凭据 · 按站点</h2>
<div class="table-wrap">
<table>
  <thead>
    <tr><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>
      <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 not r.sources %}title="该站点无接入源,以凭据首页为探测入口"{% else %}title="多频道站点建议用上表按源分别测试"{% 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">自动配置配方并测试</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 %}