{% 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">
  为付费/需登录的数据源维护凭据。保存后以 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></tr>
  </thead>
  <tbody>
    {% for r in rows %}
    <tr>
      <td><code>{{ r.source }}</code></td>
      <td>{{ r.user or '—' }}</td>
      <td>{{ r.url or '—' }}</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>
        {% set st = test_state.get(r.source) %}
        {% 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', source=r.source) }}" 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', source=r.source) }}" style="display:inline"
              onsubmit="return confirm('自动识别 {{ r.source }} 的登录流程并生成配方,随后立即用凭据实登验证?')">
          <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.source }}', '{{ r.url }}', '{{ r.user }}')">编辑</button>
        <form method="POST" action="{{ url_for('login_delete', source=r.source) }}" style="display:inline"
              onsubmit="return confirm('删除 {{ r.source }} 的登录凭据?')">
          <button type="submit" class="btn btn-sm btn-danger">删除</button>
        </form>
      </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(须与采集源一致,如 digitimes-feed)
    <input name="source" id="f-source" 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(source, url, user) {
  document.getElementById('f-source').value = source;
  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 %}